.layout-mgmt-dropdown-container{position:relative}.layout-mgmt-button{color:var(--text-primary,#d1d4dc);cursor:pointer;background:#000;border:none;border-radius:4px;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.layout-mgmt-button:hover{background:#2a2e39}.layout-mgmt-button svg{flex-shrink:0}.dropdown-arrow{transition:transform .2s}.layout-mgmt-dropdown{z-index:10000;background:#000;border:1px solid #2a2e39;border-radius:4px;flex-direction:column;width:380px;max-height:520px;font-size:14px;display:flex;position:fixed;box-shadow:0 4px 12px #00000080}.layout-mgmt-header{border-bottom:1px solid #2a2e39;padding:12px}.layout-tabs{background:#0a0a0a;border-radius:4px;gap:4px;padding:4px;display:flex}.tab-button{color:#787b86;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.tab-button:hover{color:#d1d4dc}.tab-button.active{color:#fff;background:#1a1a1a}.layout-mgmt-content{flex:1;padding:12px;overflow-y:auto}.current-layout-section{flex-direction:column;gap:16px;display:flex}.current-info{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;flex-direction:column;gap:8px;padding:12px;display:flex}.info-item{justify-content:space-between;align-items:center;font-size:14px;display:flex}.info-label{color:#787b86}.info-value{color:#d1d4dc;font-weight:500}.save-button{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.save-button:hover{background:#1e53e4}.recent-section h4{color:#787b86;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:600}.recent-list{flex-direction:column;gap:4px;display:flex}.layout-item{cursor:pointer;background:#0a0a0a;border-radius:4px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.layout-item:hover{background:#1a1a1a}.layout-item.recent{border:1px solid #0000}.layout-item.recent:hover{border-color:#2a2e39}.layout-icon{color:#787b86;background:#1a1a1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.layout-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.layout-name{color:#d1d4dc;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.layout-meta{color:#787b86;font-size:12px}.layout-description{color:#787b86;opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.saved-layouts-section{flex-direction:column;height:100%;display:flex}.saved-list{flex-direction:column;gap:6px;display:flex}.layout-item.saved{background:0 0;padding:0;position:relative}.layout-item-main{cursor:pointer;background:#0a0a0a;border-radius:4px;flex:1;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.layout-item-main:hover{background:#2a2e39}.delete-button{color:#f44;cursor:pointer;opacity:0;background:#ff00001a;border:1px solid #f003;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.layout-item.saved:hover .delete-button{opacity:1}.delete-button:hover{background:#f003;border-color:#ff00004d}.empty-state{text-align:center;color:#787b86;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state p{margin:0;font-size:14px}.empty-state .hint{opacity:.7;font-size:12px}.layout-message{z-index:100;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;animation:.3s ease-out messageSlide;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes messageSlide{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.layout-message.success{color:#4caf50;background:#1a3a1a;border:1px solid #2e5a2e}.layout-message.error{color:#f44336;background:#3a1a1a;border:1px solid #5a2e2e}.layout-message.warning{color:#ff9800;background:#3a2a1a;border:1px solid #5a3e2e}.layout-save-overlay{z-index:10001;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layout-save-dialog{background:#0a0a0a;border:1px solid #2a2e39;border-radius:8px;width:400px;max-width:90vw;padding:24px;animation:.2s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.layout-save-dialog h3{color:#d1d4dc;margin:0 0 20px;font-size:18px;font-weight:600}.save-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#787b86;font-size:13px;font-weight:500}.form-group input,.form-group textarea{color:#d1d4dc;background:#000;border:1px solid #2a2e39;border-radius:4px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2}.form-group textarea{resize:vertical;min-height:60px}.dialog-buttons{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.dialog-buttons button{cursor:pointer;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.cancel-button{color:#d1d4dc;background:0 0;border:1px solid #2a2e39}.cancel-button:hover{background:#1a1a1a;border-color:#3a3e49}.save-button.primary{color:#fff;background:#4a90e2;border:none}.save-button.primary:hover{background:#1e53e4}.save-button.primary:disabled{color:#787b86;cursor:not-allowed;background:#1a1a1a}.layout-mgmt-content::-webkit-scrollbar{width:6px}.layout-mgmt-content::-webkit-scrollbar-track{background:#0a0a0a}.layout-mgmt-content::-webkit-scrollbar-thumb{background:#2a2e39;border-radius:3px}.layout-mgmt-content::-webkit-scrollbar-thumb:hover{background:#3a3e49}@media (width<=480px){.layout-mgmt-dropdown{width:320px;max-height:450px}.layout-save-dialog{width:320px;padding:20px}}