.layout-manager-button{color:var(--text-secondary,#787b86);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;height:32px;padding:6px 12px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:flex}.layout-manager-button:hover{background:var(--background-tertiary,#2a2e39);color:var(--text-primary,#d1d4dc)}.layout-manager-auth-required{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.layout-manager-auth-required .auth-message h3{color:var(--text-primary,#d1d4dc);margin-bottom:16px;font-size:20px;font-weight:600}.layout-manager-auth-required .auth-message p{color:var(--text-secondary,#787b86);max-width:400px;margin:8px 0;font-size:14px;line-height:1.5}.layout-manager-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.layout-manager-modal{background:var(--background-primary,#131722);border:1px solid var(--border-primary,#2a2e39);border-radius:8px;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;animation:.2s ease-out modalSlideIn;display:flex;box-shadow:0 8px 24px #0006}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.layout-manager-header{border-bottom:1px solid var(--border-primary,#2a2e39);justify-content:space-between;align-items:center;padding:20px;display:flex}.layout-manager-header h2{color:var(--text-primary,#d1d4dc);margin:0;font-size:18px;font-weight:500}.layout-manager-close{color:var(--text-secondary,#787b86);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background-color .2s,color .2s,border-color .2s;display:flex}.layout-manager-close:hover{background:var(--background-tertiary,#2a2e39);color:var(--text-primary,#d1d4dc)}.layout-manager-tabs{border-bottom:1px solid var(--border-primary,#2a2e39);padding:0 20px;display:flex}.layout-manager-tab{color:var(--text-secondary,#787b86);cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.layout-manager-tab:hover,.layout-manager-tab.active{color:var(--text-primary,#d1d4dc)}.layout-manager-tab.active:after{content:"";background:#4a90e2;height:2px;position:absolute;bottom:-1px;left:0;right:0}.layout-manager-message{border-radius:4px;margin:16px 20px 0;padding:12px 16px;font-size:14px;animation:.3s ease-out messageSlideIn}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.layout-manager-message.success{color:#4caf50;background:#1a3a1a;border:1px solid #2e5a2e}.layout-manager-message.error{color:#f44336;background:#3a1a1a;border:1px solid #5a2e2e}.layout-manager-content{flex:1;padding:20px;overflow-y:auto}.layout-manager-content::-webkit-scrollbar{width:8px}.layout-manager-content::-webkit-scrollbar-track{background:#1e222d}.layout-manager-content::-webkit-scrollbar-thumb{background:#363a45;border-radius:4px}.layout-manager-content::-webkit-scrollbar-thumb:hover{background:#4a4e5a}.layout-save-form{max-width:400px;margin:0 auto}.save-mode-selector{margin-bottom:20px}.save-mode-buttons{gap:8px;margin-top:8px;display:flex}.save-mode-button{border:1px solid var(--border-primary,#2a2e39);color:var(--text-primary,#d1d4dc);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.save-mode-button:hover{background:var(--background-tertiary,#2a2e39);border-color:var(--border-secondary,#363a45)}.save-mode-button.active{color:#fff;background:#4a90e2;border-color:#4a90e2}.save-buttons{flex-direction:column;gap:8px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary,#d1d4dc);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea{background:var(--background-secondary,#1e222d);border:1px solid var(--border-primary,#2a2e39);color:var(--text-primary,#d1d4dc);resize:vertical;border-radius:4px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.layout-preview-info{background:var(--background-secondary,#1e222d);border:1px solid var(--border-primary,#2a2e39);border-radius:4px;margin-bottom:20px;padding:16px}.layout-preview-info p{color:var(--text-primary,#d1d4dc);margin:0 0 8px;font-size:14px}.layout-preview-info p:last-child{margin-bottom:0}.layout-save-button{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:4px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.layout-save-button:hover:not(:disabled){background:#1e53e4}.layout-save-button:disabled{opacity:.5;cursor:not-allowed}.layout-save-button.secondary{color:#4a90e2;background:0 0;border:1px solid #4a90e2}.layout-save-button.secondary:hover:not(:disabled){color:#fff;background:#4a90e2}.layout-list{flex-direction:column;gap:12px;display:flex}.layout-empty{text-align:center;color:var(--text-secondary,#787b86);padding:40px 20px}.layout-empty p{margin:0 0 8px;font-size:16px}.layout-empty-hint{opacity:.7;font-size:14px}.layout-item{background:var(--background-secondary,#1e222d);border:1px solid var(--border-primary,#2a2e39);border-radius:6px;padding:16px;transition:background-color .2s,color .2s,border-color .2s}.layout-item:hover{border-color:var(--border-secondary,#363a45);box-shadow:0 2px 8px #0003}.layout-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.layout-item-header-actions{align-items:center;gap:8px;display:flex}.layout-item-header h3{color:var(--text-primary,#d1d4dc);margin:0;font-size:16px;font-weight:500}.layout-item-date{color:var(--text-secondary,#787b86);font-size:12px}.layout-item-description{color:var(--text-secondary,#787b86);margin:0 0 12px;font-size:14px;line-height:1.4}.layout-item-info{color:var(--text-secondary,#787b86);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.layout-load-button{color:#4a90e2;cursor:pointer;background:0 0;border:1px solid #4a90e2;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.layout-load-button:hover:not(:disabled){color:#fff;background:#4a90e2}.layout-load-button:disabled{opacity:.5;cursor:not-allowed}.layout-manage-actions{gap:12px;margin-bottom:20px;display:flex}.layout-import-button{border:1px solid var(--border-primary,#2a2e39);color:var(--text-primary,#d1d4dc);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:flex}.layout-import-button:hover:not(:disabled){background:var(--background-tertiary,#2a2e39);border-color:var(--border-secondary,#363a45)}.layout-import-button:disabled{opacity:.5;cursor:not-allowed}.layout-item-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.layout-action-button{border:1px solid var(--border-primary,#2a2e39);color:var(--text-secondary,#787b86);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,color .2s,border-color .2s;display:flex}.layout-action-button:hover:not(:disabled){border-color:var(--border-secondary,#363a45);color:var(--text-primary,#d1d4dc)}.layout-action-button.export:hover{color:#4a90e2;border-color:#4a90e2}.layout-action-button.delete:hover{color:#f44336;border-color:#f44336}.layout-action-button:disabled{opacity:.5;cursor:not-allowed}.layout-usage-indicator{background:var(--background-secondary,#1e222d);border:1px solid var(--border-primary,#2a2e39);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.usage-text{color:var(--text-primary,#d1d4dc);font-size:14px;font-weight:500}.usage-warning{color:#ffb74d;background:#3a2a1a;border:1px solid #4a3a2a;border-radius:3px;padding:4px 8px;font-size:12px;font-weight:500}.layout-usage-summary{background:var(--background-secondary,#1e222d);border:1px solid var(--border-primary,#2a2e39);border-radius:6px;margin-top:16px;margin-bottom:20px;padding:16px}.usage-stats{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.usage-stats span:first-child{color:var(--text-primary,#d1d4dc);font-size:14px;font-weight:500}.tier-badge{color:#fff;text-transform:uppercase;background:#4a90e2;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.upgrade-hint{color:var(--text-secondary,#787b86);align-items:center;gap:4px;font-size:13px;display:flex}.upgrade-link{color:#4a90e2;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.upgrade-link:hover{color:#1e53e4}.layout-save-button.disabled{color:#787b86!important;cursor:not-allowed!important;background:#2a2e39!important;border-color:#2a2e39!important}.layout-save-button.secondary.disabled{color:#787b86!important;background:0 0!important;border-color:#2a2e39!important}.layout-debug{height:400px;overflow:hidden}@media (width<=600px){.layout-manager-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.layout-save-form{max-width:100%}.layout-usage-indicator{text-align:left;flex-direction:column;align-items:flex-start;gap:8px}.usage-stats{flex-direction:column;align-items:flex-start;gap:8px}}