.templates-view,.templates-editor-section,.templates-preview-section,.template-editor-column,.template-preview-column,.builder-shell,.builder-module-chip-main,.template-snippet-stack,.builder-quick-results,.structure-preview-container,.structure-preview-content,.wire-frame-root,.wire-children,.wire-snippet-list,.structure-section,.structure-item,.item-children,.spv2-wire-root,.spv2-wire-children,.template-wire-children,.spv2-sidepanel{flex-direction:column;display:flex}.templates-selector,.template-new-btn,.template-list-item,.builder-shell-actions,.builder-quick-switch-btn,.builder-quick-close,.builder-quick-switch-head,.section-title,.item-header,.template-wire-slot-btn{align-items:center;display:flex}.template-sidebar,.template-editor-column,.template-preview-column,.spv2-sidepanel{background:var(--bg-secondary);transition:all var(--transition-normal)}.templates-editor-error{color:var(--danger-primary);font-weight:700}.templates-textarea-fallback{width:100%;min-height:160px;margin-top:12px}.templates-editor-wrapper{height:60vh}.templates-preview-wrapper{margin-top:12px}.templates-view{gap:15px;height:calc(100vh - 120px);padding-bottom:70px}.templates-header{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-normal);align-items:center;gap:15px;padding:15px;display:flex}.templates-selector{flex:1;gap:10px}.templates-selector label{white-space:nowrap;color:var(--text-primary);font-weight:700}.templates-name-input{flex:1}.templates-split-view{flex:1;grid-template-columns:1fr 1fr;gap:15px;min-height:0;display:grid;overflow:hidden}.templates-editor-section,.templates-preview-section{min-width:0;min-height:0;overflow:hidden}.templates-editor-section h3,.templates-preview-section h3{color:var(--text-primary);margin:0 0 10px;font-size:1rem}.templates-editor-section .templates-editor-wrapper,.templates-preview-section .templates-preview-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:0;transition:all var(--transition-normal);flex:1;overflow:hidden}.templates-preview-section .templates-preview-container{background:var(--bg-secondary)}.templates-preview-section .templates-preview-container .template-preview-wrapper{border:none;border-radius:0;height:100%}.templates-preview-section .templates-preview-container .template-preview-iframe{height:100%}.templates-view-grid{background:var(--border-color);grid-template-columns:250px 1fr 400px;gap:1px;width:100%;height:100%;max-height:100%;display:grid}.template-sidebar{padding:1.5rem;overflow-y:auto}.template-sidebar h3{color:var(--text-primary);margin-top:0;margin-bottom:1rem}.template-sidebar h4{color:var(--text-primary);margin-top:0;margin-bottom:.75rem;font-size:.9rem}.template-new-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-weight:500}.template-new-btn:hover,.template-snippet-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--hover-bg)}.template-list-divider{border-top:1px solid var(--border-color);padding-top:1rem}.template-list{margin:0;padding:0;list-style:none}.template-list li{cursor:move;margin-bottom:.5rem}.template-list-item{border-radius:var(--radius-xs);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;gap:.5rem;padding:.5rem}.template-list-item.active{background:var(--active-bg)}.template-list-item:hover{background:var(--hover-bg)}.template-list-item-btn{text-align:left;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:0;font-size:.85rem}.template-list-item.active .template-list-item-btn{color:var(--accent-primary);font-weight:600}.template-editor-column,.template-preview-column{overflow:hidden}.template-editor-column{min-width:0;max-width:100%;height:100%;max-height:100%}.template-name-section,.template-snippet-section,.template-actions-section,.template-preview-header{border-bottom:1px solid var(--border-color);padding:1rem}.template-name-section label,.template-snippet-section label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.template-snippet-section{background:var(--bg-tertiary)}.template-snippet-buttons,.template-actions-section{flex-wrap:wrap;gap:.5rem;display:flex}.template-snippet-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;padding:.25rem .6rem;font-size:.75rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.template-snippet-btn.navigation-snippet{color:var(--text-secondary)}.template-snippet-btn.navigation-snippet:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--active-bg)}.template-snippet-btn.template-snippet{color:var(--text-secondary)}.template-snippet-btn.template-snippet:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--active-bg)}.template-snippet-stack{gap:10px}.template-type-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-tertiary);justify-content:center;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.template-type-badge.site{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.template-type-badge.block{color:#92400e;background:#fef3c7;border-color:#fde68a}.dark-mode .template-type-badge.site{color:#93c5fd;background:#1e3a5f;border-color:#1d4ed8}.dark-mode .template-type-badge.block{color:#fcd34d;background:#4b3a14;border-color:#a16207}.template-preview-header h3{color:var(--text-primary);margin:0;font-size:1rem}.template-preview-content{background:var(--bg-primary);flex:1;overflow:auto}.builder-shell{flex-direction:column;gap:0;height:100%;min-height:0;display:flex}.builder-shell-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px 0;display:flex}.builder-shell-title-wrap h2{margin:4px 0;font-size:1.2rem}.builder-shell-title-wrap p{color:var(--text-secondary);margin:0;font-size:.9rem}.builder-shell-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);font-size:.72rem;font-weight:700;display:inline-flex}.builder-shell-actions{gap:10px}.builder-quick-switch-btn,.builder-quick-close{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.builder-quick-switch-btn{border-radius:var(--radius-md);padding:7px 10px;font-weight:600}.builder-quick-close{border-radius:7px;padding:5px 8px}.builder-quick-switch-btn:hover,.builder-quick-close:hover,.builder-module-chip:hover,.builder-quick-item:hover{border-color:var(--accent-primary);background:var(--hover-bg)}.builder-shortcut-hint{color:var(--text-tertiary);font-size:.76rem}.builder-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px;display:grid}.builder-module-chip{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px;display:flex}.builder-module-chip.active{border-color:var(--accent-primary);background:color-mix(in srgb, var(--active-bg) 74%, var(--bg-secondary))}.builder-module-chip-icon{color:var(--accent-primary);display:inline-flex}.builder-module-chip-main{flex-direction:column;flex:1;min-width:0;display:flex}.builder-module-chip-main strong{color:var(--text-primary);font-size:.88rem}.builder-module-chip-main small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.builder-module-chip-count{color:var(--text-secondary);font-size:.74rem;font-weight:700}.builder-quick-switch-overlay{z-index:1600;background:#00000073;justify-content:center;align-items:flex-start;padding-top:90px;display:flex;position:fixed;inset:0}.builder-quick-switch-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:min(620px,94vw);box-shadow:0 18px 50px var(--shadow-medium);overflow:hidden}.builder-quick-switch-head{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:12px 14px}.builder-quick-switch-head h3{margin:0;font-size:.95rem}.builder-quick-results{gap:6px;padding:0 14px 14px}.builder-quick-item{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:18px 1fr;gap:2px 8px;padding:10px;display:grid}.builder-quick-item span{font-weight:700}.builder-quick-item small{color:var(--text-secondary);grid-column:2}.builder-quick-empty{color:var(--text-secondary);text-align:center;padding:18px}.settings-tabs-wrapper{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);transition:all var(--transition-normal);flex-shrink:0;padding:0 2rem}.settings-tabs{gap:2rem;display:flex}.settings-tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 0;font-family:Fira Code,monospace;font-weight:400}.settings-tab-btn.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.settings-tab-btn:hover{color:var(--text-primary)}.alpha-tab-btn{opacity:.75;font-style:italic}.alpha-tab-btn:hover,.alpha-tab-btn.active{opacity:1}.alpha-dropdown{z-index:200;background:var(--bg-secondary);border:1px solid var(--border-color);min-width:190px;box-shadow:0 4px 16px var(--shadow,#00000026);border-radius:6px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.alpha-dropdown-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-color);margin-bottom:4px;padding:7px 14px 4px;font-size:10px;font-weight:700}.alpha-dropdown-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:9px 14px;font-size:13px;transition:background .1s,color .1s;display:block}.alpha-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.alpha-dropdown-item.active{color:var(--accent-primary);font-weight:600}.structure-preview-container{background:var(--bg-primary);height:100%;overflow-y:auto}.structure-preview-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:10;padding:2rem;position:sticky;top:0}.structure-preview-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.structure-preview-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.structure-preview-content{gap:3rem;padding:2rem}.structure-wire-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.structure-wire-panel,.structure-wire-notes,.structure-legend,.structure-explanation{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-secondary)}.structure-wire-panel{padding:1rem}.structure-wire-panel h3,.structure-wire-notes h3,.structure-legend h3,.structure-explanation h3{color:var(--text-primary);margin:0;font-size:1rem}.structure-wire-subline{color:var(--text-secondary);margin:.4rem 0 .9rem;font-size:.85rem}.structure-preview-empty{border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);background:var(--bg-secondary);padding:1rem}.structure-wire-meta{color:var(--text-secondary);margin-top:.7rem;font-size:.82rem}.wire-frame-root{gap:.8rem}.wire-children{gap:.7rem;margin-top:.8rem}.structure-wire-panel.nested{border-radius:var(--radius-md);background:var(--bg-primary)}.wire-box{background:0 0;border:3px solid;border-radius:0;padding:1.15rem}.wire-box+.wire-box{margin-top:1rem}.wire-label{font-size:2rem;font-weight:500;line-height:1.1}.wire-depth-0,.wire-template{border-color:var(--structure-depth-0-border);color:var(--structure-depth-0-text)}.wire-depth-1,.wire-heading{border-color:var(--structure-depth-1-border);color:var(--structure-depth-1-text)}.wire-depth-2,.wire-container{border-color:var(--structure-depth-2-border);color:var(--structure-depth-2-text)}.wire-depth-3,.wire-paragraph{border-color:var(--structure-depth-3-border);color:var(--structure-depth-3-text)}.wire-depth-4,.wire-navigation{border-color:var(--structure-depth-4-border);color:var(--structure-depth-4-text)}.wire-heading,.wire-container,.wire-nav-list,.wire-bind-example{margin-top:1rem}.wire-paragraph,.wire-bind-target{margin-top:.8rem}.wire-nav-list{color:#0b7f82;border-color:#08a0a4}.wire-nav-item{color:#2e7e34;border-color:#53b85b}.wire-placeholder{border-style:dashed}.wire-snippet{color:#6431ca;border-color:#8a4fff;padding:.7rem .9rem}.wire-snippet.missing{border-color:var(--structure-missing-border);color:var(--structure-missing-text)}.structure-preview-editor,.template-wire-preview{--structure-orb-a:#3b82f614;--structure-orb-b:#10b98114;--structure-node-surface:#ffffff4d}.dark-mode .structure-preview-editor,.dark-mode .template-wire-preview{--structure-orb-a:#60a5fa33;--structure-orb-b:#34d39929;--structure-node-surface:#0f172a66}.structure-preview-editor{border:1px solid var(--border-color);border-radius:var(--radius-xl);height:calc(100vh - 140px);min-height:560px;overflow:hidden}.spv2-item-meta{color:var(--text-tertiary);margin-top:4px;font-size:12px}.editor-list-item.active .spv2-item-meta{color:#ffffffe6}.spv2-toolbar{justify-content:space-between}.spv2-toolbar-title{flex-direction:column;gap:2px;display:flex}.spv2-toolbar-title strong{color:var(--text-primary);font-size:15px}.spv2-toolbar-title span{color:var(--text-secondary);font-size:12px}.spv2-main-layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;min-height:0;display:grid}.spv2-canvas{background:radial-gradient(circle at 12% 10%, var(--structure-orb-a), transparent 38%), radial-gradient(circle at 88% 92%, var(--structure-orb-b), transparent 40%), var(--bg-primary);min-width:0;padding:16px;overflow:auto}.spv2-preview-shell{border:1px solid var(--border-color);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--bg-secondary) 82%, transparent);max-width:920px;padding:16px;box-shadow:0 10px 30px #0f172a14}.spv2-wire-root{gap:8px}.spv2-wire-box,.template-wire-node{background:var(--structure-node-surface);border:2px solid}.spv2-wire-box{border-radius:var(--radius-lg);padding:8px 10px}.spv2-wire-label,.template-wire-label{font-family:Consolas,Courier New,monospace;font-weight:700;line-height:1.35}.spv2-wire-label{font-size:12px}.template-wire-label{font-size:11px}.spv2-wire-children{gap:7px;margin-top:8px}.spv2-depth-0,.template-wire-depth-0{border-color:var(--structure-depth-0-border);color:var(--structure-depth-0-text)}.spv2-depth-1,.template-wire-depth-1{border-color:var(--structure-depth-1-border);color:var(--structure-depth-1-text)}.spv2-depth-2,.template-wire-depth-2{border-color:var(--structure-depth-2-border);color:var(--structure-depth-2-text)}.spv2-depth-3,.template-wire-depth-3{border-color:var(--structure-depth-3-border);color:var(--structure-depth-3-text)}.spv2-depth-4,.template-wire-depth-4{border-color:var(--structure-depth-4-border);color:var(--structure-depth-4-text)}.spv2-placeholder,.template-wire-node.placeholder,.template-wire-node.empty-blocks{border-style:dashed}.spv2-sidepanel{border-left:1px solid var(--border-color);gap:10px;padding:12px;overflow:auto}.spv2-meta-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);padding:10px}.spv2-meta-card h4{color:var(--text-primary);margin:0 0 8px;font-size:13px}.spv2-pill-wrap{flex-wrap:wrap;gap:6px;display:flex}.spv2-pill{border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--bg-secondary);height:24px;color:var(--text-secondary);align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.spv2-pill.missing{border-color:var(--structure-missing-border);color:var(--structure-missing-text);background:var(--structure-missing-bg)}.spv2-muted{color:var(--text-secondary);font-size:12px;line-height:1.4}.spv2-nav-list{color:var(--text-secondary);margin:0;padding-left:16px;font-size:12px}.spv2-nav-list li+li{margin-top:4px}.template-wire-preview{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:radial-gradient(circle at 8% 10%, var(--structure-orb-a), transparent 40%), radial-gradient(circle at 88% 90%, var(--structure-orb-b), transparent 45%), var(--bg-primary);padding:10px}.template-wire-empty{color:var(--text-tertiary);font-size:12px}.template-wire-node{border-radius:var(--radius-md);padding:6px 8px}.template-wire-node+.template-wire-node{margin-top:6px}.template-wire-children{gap:6px;margin-top:6px}.template-wire-node.blocks-placeholder{color:#9a6a00;background:#facc152e;border-color:#d4a017}.template-wire-node.empty-blocks{color:var(--text-secondary);background:color-mix(in srgb, var(--bg-secondary) 65%, transparent)}.template-wire-node.page-block{color:#9a3412;background:#fb923c1f;border-color:#ea580c}.template-wire-node.page-block.is-clickable,.template-wire-node.block-slot.is-clickable{cursor:pointer}.template-wire-node.page-block.is-clickable:hover{background:#fb923c33;border-color:#c2410c}.template-wire-node.page-block.is-clickable .template-wire-slot-btn:focus-visible{outline-offset:3px;border-radius:var(--radius-sm);outline:2px solid}.template-wire-node.page-block.is-active{color:#075985;background:#38bdf82e;border-color:#0284c7;box-shadow:0 0 0 2px #38bdf83d}.template-wire-node.block-slot{color:#6d28d9;background:#8b5cf624;border-color:#8b5cf6}.template-wire-node.block-slot.is-mapped{color:#1d4ed8;background:#2563eb24;border-color:#2563eb}.template-wire-node.block-slot.is-active{color:#047857;background:#05966933;border-color:#059669;box-shadow:0 0 0 2px #0596694d}.template-wire-slot-btn{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:8px;margin:0;padding:0}.template-wire-slot-count{border-radius:var(--radius-pill);border:1px solid;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.dark-mode .template-wire-node.block-slot{color:#ddd6fe;background:#a78bfa33;border-color:#a78bfa}.dark-mode .template-wire-node.block-slot.is-mapped{color:#bfdbfe;background:#60a5fa40;border-color:#60a5fa}.dark-mode .template-wire-node.block-slot.is-active{color:#bbf7d0;background:#34d39942;border-color:#34d399}.dark-mode .template-wire-node.blocks-placeholder{color:#fde68a;background:#facc1538;border-color:#facc15}.dark-mode .template-wire-node.page-block{color:#fdba74;background:#fb923c2e;border-color:#fb923c}.dark-mode .template-wire-node.page-block.is-active{color:#bae6fd;background:#38bdf838;border-color:#38bdf8}.wire-bind-example{color:#b92f69;border-color:#de4c8a}.wire-bind-target{color:#993159;border-color:#f08cb7}.structure-wire-notes{padding:1rem 1.15rem}.structure-wire-notes p{color:var(--text-secondary);margin:.55rem 0 0;font-size:.92rem;line-height:1.5}.structure-section{gap:1.5rem}.section-title{color:var(--text-primary);gap:12px;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.section-icon{border-radius:var(--radius-sm);color:#1976d2;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.structure-item{gap:.5rem}.item-header{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;gap:8px}.item-header:hover .item-box{border-color:var(--accent-primary);box-shadow:0 2px 8px rgb(var(--accent-primary-rgb) / .12)}.item-header.locked{cursor:default}.item-header.locked:hover .item-box{border-color:var(--border-color);box-shadow:none}.item-box{border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #0000;flex-direction:column;flex:1;gap:4px;padding:12px 14px;font-size:.95rem;display:flex}.item-box strong{color:var(--text-primary);font-weight:600}.item-meta{color:var(--text-tertiary);font-size:.8rem}.template-box{color:#0d47a1;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #90caf9}.dark-mode .template-box{color:#90caf9;background:linear-gradient(135deg,#1a3a52 0%,#1e4976 100%);border:1px solid #42a5f5}.navigation-box{color:#4a148c;background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);border:1px solid #ce93d8}.dark-mode .navigation-box{color:#f1e9ff;background:linear-gradient(135deg,#38213a 0%,#523d4a 100%);border:1px solid #ba68c8}.nav-item-box{color:#33691e;background:linear-gradient(135deg,#f1f8e9 0%,#dcedc8 100%);border:1px solid #aed581}.dark-mode .nav-item-box{color:#c5e1a5;background:linear-gradient(135deg,#2a3a1b 0%,#3a5a2a 100%);border:1px solid #9ccc65}.template-content-box{color:#e65100;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border:1px solid #ffb74d}.dark-mode .template-content-box{color:#ffe0b2;background:linear-gradient(135deg,#3a2817 0%,#5a3a1a 100%);border:1px solid #ffb74d}.snippet-ref-box{border-radius:var(--radius-sm);color:#880e4f;background:linear-gradient(135deg,#fce4ec 0%,#f8bbd0 100%);border:1px solid #f48fb1;flex-direction:column;gap:3px;padding:10px 12px;font-size:.9rem;display:flex}.dark-mode .snippet-ref-box{color:#f8bbd0;background:linear-gradient(135deg,#3d1f2b 0%,#5a2d3d 100%);border:1px solid #f48fb1}.snippet-ref-box strong{color:inherit}.structure-snippet-section{border-left:3px solid #ec407a;flex-direction:column;gap:8px;margin-top:8px;padding-left:12px;display:flex}.snippet-ref-label{color:#ec407a;margin-bottom:4px;font-size:.85rem;font-weight:600}.tce-root{background:var(--bg-primary);height:100%;color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.tce-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:50px;min-height:50px;padding:0 16px;display:flex}.tce-toolbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tce-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tce-toolbar-icon{color:var(--accent-primary);flex-shrink:0}.tce-toolbar-title{color:var(--text-primary);letter-spacing:.02em;white-space:nowrap;font-size:14px;font-weight:600}.tce-name-input{background:var(--bg-tertiary);border:1px solid var(--border-color);max-width:340px;height:30px;color:var(--text-primary);border-radius:4px;outline:none;flex:1;min-width:0;padding:0 10px;font-size:13px}.tce-name-input:focus{border-color:var(--accent-primary)}.tce-btn{cursor:pointer;letter-spacing:.04em;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:6px;height:30px;padding:0 14px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.tce-btn:hover:not(:disabled){opacity:.85}.tce-btn:disabled{opacity:.45;cursor:default}.tce-btn-primary{background:var(--accent-primary);color:#fff}.tce-btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.tce-body{flex:1;min-height:0;display:flex;overflow:hidden}.tce-list-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:240px;min-width:180px;max-width:300px;display:flex;overflow:hidden}.tce-list-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:10px}.tce-search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;height:28px;color:var(--text-primary);box-sizing:border-box;border-radius:3px;outline:none;padding:0 8px;font-size:12px}.tce-search-input:focus{border-color:var(--accent-primary)}.tce-list-body{flex:1;padding:4px 0;overflow-y:auto}.tce-list-empty{color:var(--text-tertiary);text-align:center;padding:20px 12px;font-size:12px}.tce-list-item{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .1s;display:flex}.tce-list-item:hover{background:var(--bg-tertiary)}.tce-list-item.active{background:rgb(var(--accent-primary-rgb) / .1);color:var(--accent-primary);border-left-color:var(--accent-primary)}.tce-item-icon{color:var(--text-tertiary);flex-shrink:0}.tce-list-item.active .tce-item-icon{color:var(--accent-primary)}.tce-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Consolas,SFMono-Regular,monospace;overflow:hidden}.tce-item-delete{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:none}.tce-list-item:hover .tce-item-delete{display:flex}.tce-item-delete:hover{color:var(--danger-primary,#e74c3c);background:#e74c3c1a}.tce-item-grip{color:var(--text-tertiary);cursor:grab;opacity:.4;flex-shrink:0;transition:opacity .1s}.tce-list-item:hover .tce-item-grip{opacity:1}.tce-list-item--drag-over{border-top:2px solid var(--accent-primary)}.tce-list-item--dragging{opacity:.35}.tce-item-order-btns{flex-direction:column;flex-shrink:0;gap:1px;display:none}.tce-list-item:hover .tce-item-order-btns{display:flex}.tce-item-order-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:1px;line-height:1;display:flex}.tce-item-order-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary,#00000014)}.tce-item-order-btn:disabled{opacity:.25;cursor:default}.tce-code-panel{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.tce-code-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:2px;height:34px;min-height:34px;padding:0 6px;display:flex}.tce-code-tab{height:100%;color:var(--text-secondary);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:flex}.tce-code-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tce-code-body{flex:1;min-height:0;overflow:hidden}.tce-statusbar{background:var(--bg-secondary);border-top:1px solid var(--border-color);height:24px;min-height:24px;color:var(--text-tertiary);flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:flex}.tce-status-sep{opacity:.4}.tce-status-type{color:var(--accent-primary);letter-spacing:.06em;font-weight:700}.tce-empty-state{height:100%;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.tce-empty-state h3{color:var(--text-secondary);margin:0;font-size:18px;font-weight:500}.tce-empty-state p{margin:0;font-size:13px}.tce-props-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:300px;min-width:220px;max-width:340px;display:flex;overflow:hidden}.tce-props-tabs{border-bottom:1px solid var(--border-color);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.tce-props-tabs::-webkit-scrollbar{display:none}.tce-props-tab{letter-spacing:.03em;min-width:0;height:34px;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:600;transition:color .12s;display:flex}.tce-props-tab:hover{color:var(--text-secondary)}.tce-props-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tce-props-body{flex:1;padding:10px 8px;overflow-y:auto}.tce-vars-section{margin-bottom:18px}.tce-vars-title{letter-spacing:.06em;color:var(--text-tertiary);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;padding:0 4px;font-size:10px;font-weight:600;display:flex}.tce-vars-title:after{content:"";background:var(--border-color);flex:1;height:1px}.tce-var-row{text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:2px;padding:5px 8px;transition:background .12s,border-color .12s;display:flex}.tce-var-row:hover{background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-tertiary));border-color:color-mix(in srgb, var(--accent-primary) 25%, transparent)}.tce-var-row--detected{opacity:.8}.tce-var-code{color:#e07b1a;white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;font-family:Consolas,SFMono-Regular,monospace;font-size:11px;overflow:hidden}.tce-var-label{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:500;transition:color .12s}.tce-var-row:hover .tce-var-label{color:var(--accent-primary)}.tce-ref-btn{text-align:left;background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:3px;margin-bottom:4px;padding:5px 8px;font-family:Consolas,SFMono-Regular,monospace;font-size:11px;display:block}.tce-ref-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tce-ref-tab{flex-direction:column;gap:16px;padding:4px 0;display:flex}.tce-ref-heading{letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:6px;padding:0 2px;font-size:10px;font-weight:700}.tce-ref-table{border-collapse:collapse;width:100%;font-size:11px}.tce-ref-table td{vertical-align:top;color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb, var(--border-color) 40%, transparent);padding:3px 4px}.tce-ref-table td:first-child{width:45%}.tce-ref-table code{color:#e07b1a;white-space:nowrap;font-family:Consolas,SFMono-Regular,monospace;font-size:11px}.tce-structure-tab,.tce-settings-tab{padding:4px}.tce-setting-group{margin-bottom:16px}.tce-setting-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.tce-setting-input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:3px;outline:none;padding:6px 8px;font-size:12px}.tce-setting-input:focus{border-color:var(--accent-primary)}.tce-type-badge{background:rgb(var(--accent-primary-rgb) / .1);color:var(--accent-primary);border:1px solid rgb(var(--accent-primary-rgb) / .25);letter-spacing:.07em;border-radius:40px;align-items:center;padding:3px 12px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:1023px){.tce-body{flex-direction:column;overflow-y:auto}.tce-list-panel{border-right:none;border-bottom:1px solid var(--border-color);width:100%;min-width:0;max-width:none;max-height:200px}.tce-props-panel{border-left:none;border-top:1px solid var(--border-color);width:100%;min-width:0;max-width:none}.tce-code-panel{min-height:400px}}.dark-mode .snippet-ref-label{color:#f48fb1}.item-children{animation:slideDown var(--transition-fast) ease-out;gap:.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.structure-legend{padding:1.5rem}.structure-legend h3,.structure-explanation h3{margin-bottom:1.5rem;font-size:1.1rem}.legend-grid,.explanation-grid{gap:1rem;display:grid}.legend-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.legend-item{grid-template-columns:24px 1fr;align-items:start;gap:12px;display:grid}.legend-color{border-radius:var(--radius-sm);flex-shrink:0;width:24px;height:24px;margin-top:2px}.legend-item span{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.legend-item strong{color:var(--text-primary)}.structure-explanation{padding:2rem}.explanation-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.explanation-box{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:1.5rem}.explanation-box:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px rgb(var(--accent-primary-rgb) / .1)}.explanation-box h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem}.explanation-box ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.explanation-box li{color:var(--text-secondary);padding-left:20px;font-size:.9rem;line-height:1.4;position:relative}.explanation-box li:before{content:"→";color:var(--accent-primary);font-weight:600;position:absolute;left:0}.explanation-box li strong{color:var(--text-primary);font-weight:600}@media (max-width:1023px){.builder-shell-head{flex-direction:column;padding:10px 12px 0}.builder-module-grid{grid-template-columns:1fr;padding:0 12px}.builder-shortcut-hint{display:none}}@media (max-width:768px){.structure-preview-content{gap:2rem;padding:1rem}.wire-label{font-size:1.4rem}.wire-box{padding:.8rem}.structure-preview-header{padding:1.5rem}.legend-grid,.explanation-grid{grid-template-columns:1fr}.item-box{padding:10px 12px;font-size:.85rem}.structure-preview-editor{height:auto;min-height:520px}.spv2-main-layout{grid-template-columns:1fr}.spv2-sidepanel{border-left:none;border-top:1px solid var(--border-color)}}.block-outline-preview{flex-direction:column;gap:4px;padding:8px 4px;display:flex}.block-outline-group{margin-bottom:6px}.block-outline-slot-header{background:var(--bg-tertiary);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;margin-bottom:3px;padding:5px 8px 5px 6px;display:flex}.block-outline-slot-header.is-clickable{cursor:pointer;transition:background .15s,border-color .15s}.block-outline-slot-header.is-clickable:hover{background:var(--hover-bg);border-color:var(--accent-primary)}.block-outline-slot-header.is-active{background:var(--active-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.block-outline-slot-icon{opacity:.6;flex-shrink:0;font-size:10px}.block-outline-slot-name{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:700;overflow:hidden}.block-outline-slot-header.is-active .block-outline-slot-name{color:var(--accent-primary)}.block-outline-slot-count{color:var(--text-tertiary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.block-outline-slot-children{border-left:2px solid var(--border-color);flex-direction:column;gap:2px;margin-left:10px;padding-left:12px;display:flex}.block-outline-empty-slot{color:var(--text-tertiary);padding:4px 6px;font-size:11px;font-style:italic}.block-outline-node{flex-direction:column;display:flex}.block-outline-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;transition:background .12s,border-color .12s;display:flex}.block-outline-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-color)}.block-outline-node.is-active>.block-outline-btn{background:var(--active-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.block-outline-btn.no-action{cursor:default}.block-outline-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .12s}.block-outline-node.is-active>.block-outline-btn .block-outline-dot{background:var(--accent-primary)}.block-outline-label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.block-outline-children{border-left:2px solid var(--border-color);flex-direction:column;gap:2px;margin-top:2px;margin-left:12px;padding-left:14px;display:flex}.block-outline-node.depth-0 .block-outline-dot{background:var(--structure-depth-1-text,#3b82f6)}.block-outline-node.depth-1 .block-outline-dot{background:var(--structure-depth-2-text,#10b981)}.block-outline-node.depth-2 .block-outline-dot{background:var(--structure-depth-3-text,#f59e0b)}.block-outline-node.depth-3 .block-outline-dot{background:var(--structure-depth-4-text,#ef4444)}.block-outline-node.depth-4 .block-outline-dot{background:var(--structure-depth-0-text,#8b5cf6)}.template-ref-section{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.template-ref-toggle{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:.55rem 1rem;font-size:.8rem;font-weight:600;display:flex}.template-ref-toggle:hover{color:var(--accent-primary)}.template-ref-body{flex-direction:column;gap:12px;max-height:380px;padding:0 1rem 1rem;display:flex;overflow-y:auto}.template-ref-heading{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:6px 0 4px;font-size:.73rem;font-weight:700}.template-ref-table{border-collapse:collapse;width:100%;font-size:.76rem}.template-ref-table th{text-align:left;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);padding:3px 8px;font-weight:600}.template-ref-table td{vertical-align:top;color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb, var(--border-color) 40%, transparent);padding:3px 8px}.template-ref-table td:first-child{white-space:nowrap}.template-ref-table code{color:var(--accent-primary);background:rgb(var(--accent-primary-rgb,59 130 246) / .1);white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:Fira Code,monospace;font-size:.73rem}.template-ref-table em{color:var(--text-tertiary);font-style:normal}.tce-btn-active{color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;background:rgb(var(--accent-primary-rgb,99 102 241) / .08)!important}.icon-picker-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.icon-picker-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:85vh;animation:.2s ease-out slideIn;display:flex;box-shadow:0 4px 16px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.icon-picker-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.icon-picker-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.icon-picker-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.icon-picker-close:hover{color:var(--text-primary)}.icon-picker-search{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 20px;display:flex}.icon-picker-search svg{color:var(--text-secondary);flex-shrink:0}.icon-picker-search input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .15s}.icon-picker-search input:focus{border-color:var(--accent-primary)}.icon-picker-search input::placeholder{color:var(--text-tertiary)}.icon-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;padding:16px;display:grid;overflow-y:auto}.icon-picker-item{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:0;transition:all .15s;display:flex}.icon-picker-preview{width:24px;height:24px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.icon-picker-preview svg{fill:currentColor;width:24px;height:24px}.icon-picker-preview i{font-size:24px;line-height:1}.icon-picker-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.icon-picker-item .icon-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.icon-picker-item:hover .icon-name{color:var(--text-primary)}.icon-picker-empty{color:var(--text-tertiary);grid-column:1/-1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.icon-picker-info{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:8px 20px;font-size:12px}.tce-preset-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.tce-preset-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;width:100%;max-width:820px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000059}.tce-preset-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.tce-preset-title{color:var(--text-primary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.tce-preset-cats{flex-wrap:wrap;flex:1;gap:.375rem;display:flex}.tce-preset-cat{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.tce-preset-cat:hover{background:var(--bg-secondary);color:var(--text-primary)}.tce-preset-cat.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tce-preset-close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.tce-preset-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.tce-preset-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:1.25rem;display:grid;overflow-y:auto}.tce-preset-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1rem 1rem .875rem;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.tce-preset-card:hover{background:var(--bg-tertiary,var(--bg-secondary));border-color:var(--accent-primary);box-shadow:0 4px 16px #0000001f}.tce-preset-card__label{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.tce-preset-card__desc{color:var(--text-secondary);font-size:.75rem;line-height:1.45}.tce-preset-card__css-badge{letter-spacing:.06em;color:#fff;background:var(--accent-primary);border-radius:4px;margin-top:auto;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-block}.tce-preset-card__arrow{color:var(--text-secondary);opacity:.5;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.tce-preset-card:hover .tce-preset-card__arrow{opacity:1;transform:translateY(-50%)translate(2px)}.tce-css-dialog-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.tce-css-dialog{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:14px;width:100%;max-width:420px;padding:2rem;box-shadow:0 24px 64px #0006}.tce-css-dialog__icon{color:var(--accent-primary);justify-content:center;margin-bottom:.875rem;display:flex}.tce-css-dialog__title{color:var(--text-primary);margin:0 0 .625rem;font-size:1.1rem;font-weight:800}.tce-css-dialog__text{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.tce-css-dialog__text code{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;padding:1px 5px;font-size:.8rem}.tce-css-dialog__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.tce-class-registry{box-sizing:border-box;flex-direction:column;gap:.75rem;height:100%;padding:.75rem .875rem;display:flex;overflow-y:auto}.tce-class-registry-toolbar{align-items:center;gap:.5rem;display:flex}.tce-class-search{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:.325rem .6rem;font-size:.78rem;transition:border-color .15s}.tce-class-search:focus{border-color:var(--accent-primary)}.tce-class-refresh-btn{border:1px solid var(--border-color);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.tce-class-refresh-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tce-class-refresh-btn:disabled{opacity:.5;cursor:default}@keyframes tce-spin{to{transform:rotate(360deg)}}.tce-spin{animation:.7s linear infinite tce-spin}.tce-class-loading,.tce-class-empty{color:var(--text-secondary);text-align:center;padding:1.5rem 0;font-size:.78rem}.tce-class-file-section{flex-direction:column;gap:.375rem;display:flex}.tce-class-file-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tce-class-file-name{color:var(--text-primary);font-family:Fira Code,monospace;font-size:.72rem;font-weight:700}.tce-class-count{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:0 5px;font-size:.68rem;font-weight:700;line-height:1.6}.tce-class-subsection{flex-direction:column;gap:.25rem;display:flex}.tce-class-section-label{color:var(--accent-primary);letter-spacing:.04em;text-transform:uppercase;opacity:.8;padding:.125rem 0;font-size:.68rem;font-weight:600}.tce-class-chips{flex-wrap:wrap;gap:.3rem;display:flex}.tce-class-chip{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-family:Fira Code,monospace;font-size:.72rem;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tce-class-chip:hover{background:var(--bg-tertiary,var(--bg-secondary));border-color:var(--accent-primary)}.tce-class-chip--duplicate{color:#b45309;border-color:#f59e0b}.tce-class-chip--duplicate:hover{background:#f59e0b1a;border-color:#d97706}.tce-class-chip--copied{font-weight:600;background:rgb(var(--accent-primary-rgb,99 102 241) / .15)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.tce-icons-tab{box-sizing:border-box;flex-direction:column;gap:.75rem;height:100%;padding:.75rem .875rem;display:flex;overflow-y:auto}.tce-icons-search{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.5rem;padding:.325rem .6rem;display:flex}.tce-icons-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.78rem}.tce-icons-search input::placeholder{color:var(--text-tertiary)}.tce-icons-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-auto-rows:min-content;align-content:start;gap:.5rem;padding:5px;display:grid;overflow-y:auto}.tce-icon-card{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;font-size:.7rem;transition:background .12s,border-color .12s,transform .12s;display:flex}.tce-icon-card:hover{background:var(--bg-tertiary,var(--bg-secondary));border-color:var(--accent-primary);transform:scale(1.05)}.tce-icon-preview{width:28px;height:28px;color:var(--text-primary);justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.tce-icon-preview svg{fill:currentColor;width:20px;height:20px}.tce-icon-preview i{font-size:20px;line-height:1}.tce-icon-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-family:Fira Code,monospace;overflow:hidden}.tce-icons-empty{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:2rem 1rem;font-size:.8rem;display:flex}.tce-nav-tab{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow-y:auto}.tce-nav-intro{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .625rem;font-size:.75rem;line-height:1.4}.tce-nav-empty{color:var(--text-secondary);text-align:center;padding:1.5rem 0;font-size:.78rem}.tce-nav-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.tce-nav-item{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.5rem .625rem;transition:background .12s,border-color .12s;display:flex}.tce-nav-item:hover{background:var(--bg-tertiary,var(--bg-secondary));border-color:var(--accent-primary)}.tce-nav-item-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.tce-nav-item-code{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Fira Code,monospace;font-size:.7rem;overflow:hidden}
.users-view{padding:2rem}.users-header,.user-avatar-cell,.css-file-item,.css-file-delete-btn{align-items:center;display:flex}.users-header{justify-content:space-between;margin-bottom:2rem}.users-header h2{color:var(--text-primary);margin:0}.users-table-wrapper,.css-sidebar,.css-editor-column{background:var(--bg-secondary);transition:all var(--transition-normal)}.users-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead tr{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.users-table th,.users-table td{padding:1rem}.users-table th{text-align:left;color:var(--text-primary);font-weight:600}.users-table th:last-child{text-align:right}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.users-table tbody tr:hover{background:var(--hover-bg)}.users-table td{color:var(--text-secondary)}.user-avatar-cell{gap:.75rem}.user-avatar,.user-avatar-placeholder{border-radius:50%;width:32px;height:32px}.user-avatar-placeholder{background:var(--accent-primary);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.user-name{color:var(--text-primary);font-weight:500}.user-date{font-size:.9rem}.user-delete-btn{background:var(--danger-soft);color:var(--danger-primary);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:inline-flex}.user-delete-btn:hover{background:var(--danger-soft-hover)}.dark-mode .user-delete-btn{background:var(--danger-soft-dark);color:var(--danger-contrast-dark)}.dark-mode .user-delete-btn:hover{background:var(--danger-soft-dark-hover);color:var(--danger-contrast-dark-hover)}.css-manager-grid{background:var(--border-color);grid-template-columns:250px 1fr;gap:1px;height:100%;display:grid}.css-sidebar{padding:1.5rem;overflow-y:auto}.css-sidebar h3{color:var(--text-primary);margin-top:0;margin-bottom:1rem}.css-sidebar h4{color:var(--text-primary);margin-top:0;margin-bottom:.75rem;font-size:.9rem}.css-new-btn,.css-upload-btn{color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);border:none}.css-new-btn{background:var(--accent-primary);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem;font-weight:500}.css-new-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.css-upload-section{margin-bottom:1.5rem}.css-upload-section label,.css-filename-section label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.css-upload-input{width:100%;color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem}.css-upload-btn{border-radius:var(--radius-xs);background:#10b981;padding:.5rem;font-size:.85rem}.css-upload-btn:hover{background:#059669}.css-files-divider{border-top:1px solid var(--border-color);padding-top:1rem}.css-file-list{margin:0;padding:0;list-style:none}.css-file-list li{cursor:move;margin-bottom:.5rem}.css-file-item{border-radius:var(--radius-xs);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;gap:.5rem;padding:.5rem}.css-file-item.active{background:var(--active-bg)}.css-file-item:hover{background:var(--hover-bg)}.css-file-btn{text-align:left;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:0;font-size:.85rem}.css-file-item.active .css-file-btn{color:var(--accent-primary);font-weight:600}.css-file-delete-btn{color:var(--danger-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem}.css-file-delete-btn:hover{color:var(--danger-primary-hover)}.dark-mode .css-file-delete-btn{color:var(--danger-contrast-dark)}.dark-mode .css-file-delete-btn:hover{color:var(--danger-contrast-dark-hover)}.css-editor-column{flex-direction:column;display:flex}.css-filename-section{border-bottom:1px solid var(--border-color);padding:1rem}.css-editor-wrapper{flex:1;min-height:0}
.icon-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .5s}.icon-btn.delete{background:var(--danger-color)}.icon-btn:hover{transform:scale(1.05)}.icon-btn:disabled{cursor:not-allowed;background:#ccc}.btn-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e07b1a 0%,#b85f0a 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #e07b1a59}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e07b1a73}.btn-modern:active{transform:translateY(0);box-shadow:0 2px 8px #e07b1a40}.btn-modern-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e07b1a 0%,#b85f0a 100%);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #e07b1a40}.btn-modern-small:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e07b1a61}.btn-modern-small:active{transform:translateY(0);box-shadow:0 1px 4px #e07b1a2e}button.btn-modern-small.green{background:linear-gradient(135deg,#217b24 0%,#348383 100%)}button.btn-modern-small.red{background:linear-gradient(135deg,#7b2121 0%,#835c34 100%)}button.btn-modern-small.hollow{color:#e07b1a;box-shadow:none;background:0 0;border:2px solid #e07b1a}button.btn-modern-small.hollow:hover{box-shadow:none;background:#e07b1a1a;transform:none}button.btn-modern-small.green.hollow{color:#3bad40;box-shadow:none;background:0 0;border:2px solid #3bad40}button.btn-modern-small.red.hollow{color:#c0392b;box-shadow:none;background:0 0;border:2px solid #c0392b}.btn-secondary{background:var(--bg-tertiary,#1f2428);color:var(--text-primary,#cdd6e0);border:1px solid var(--border-color,#2b333b);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .3s}.btn-secondary:hover{background:var(--hover-bg,#1c2530);border-color:var(--accent-primary,#e07b1a)}
.page-tree{padding:0}.page-tree-shell{background:radial-gradient(circle at top right, rgb(var(--accent-primary-rgb) / .12), transparent 28%), linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));padding:24px}.page-tree-toolbar{justify-content:space-between;align-items:stretch;gap:16px;margin:20px 0;display:flex}.page-tree-search{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:0;box-shadow:0 8px 20px var(--shadow);color:var(--text-tertiary);border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.page-tree-search input{width:100%;height:48px;color:var(--text-primary);background:0 0;border:none;font-size:.95rem}.page-tree-search input:focus{outline:none}.page-tree .controls{gap:10px;margin-bottom:0;display:flex}.page-tree .controls input[type=text]{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:240px;color:var(--text-primary);box-shadow:0 8px 20px var(--shadow);border-radius:14px;padding:0 14px}.page-tree .controls button.primary{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;display:inline-flex}.page-grid-root{margin-top:8px}.page-tree-view-toggle{border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:0 8px 20px var(--shadow);border-radius:14px;flex-shrink:0;align-items:center;gap:2px;padding:4px;display:flex}.page-tree-view-toggle button{width:40px;height:40px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.page-tree-view-toggle button.active{background:var(--active-bg);color:var(--accent-primary)}.page-tree-table-wrap{border:1px solid var(--border-color);box-shadow:0 4px 16px var(--shadow);border-radius:12px;overflow-x:auto}.page-tree-table{border-collapse:collapse;background:var(--bg-secondary);width:100%}.page-tree-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);white-space:nowrap;padding:10px 12px;font-size:.72rem;font-weight:700}.page-tree-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:8px 12px;font-size:.85rem}.page-tree-table tr:last-child td{border-bottom:none}.page-tree-table tr:hover td{background:var(--bg-tertiary)}.page-tree-table tr.selected td{background:var(--active-bg)}.page-tree-cell-select{width:30px}.page-tree-cell-select button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;display:flex}.page-tree-cell-select button[aria-pressed=true]{color:var(--accent-primary)}.page-tree-connector{color:var(--text-tertiary);margin-right:6px}.page-tree-cell-title a{color:var(--text-primary);font-weight:600;text-decoration:none}.page-tree-cell-title a:hover{color:var(--accent-primary);text-decoration:underline}.page-tree-cell-path{color:var(--text-secondary);white-space:nowrap}.page-tree-cell-nav select,.page-tree-cell-footer select{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;min-width:140px;height:30px;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:0 6px;font-size:.78rem}.page-tree-cell-nav select:hover,.page-tree-cell-footer select:hover{border-color:var(--accent-primary)}.page-tree-cell-actions{white-space:nowrap;gap:2px;display:flex}.page-card-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.page-card-group{flex-direction:column;align-items:flex-start;display:flex}.page-card{border:1px solid var(--border-color);background:var(--bg-secondary);width:260px;box-shadow:0 4px 16px var(--shadow);border-radius:16px;flex-shrink:0;transition:box-shadow .2s,transform .15s;overflow:hidden}.page-card:hover{box-shadow:0 8px 28px var(--shadow);transform:translateY(-3px)}.page-card.published{border-color:#22c55e47}.page-card-thumb{background:var(--bg-tertiary);width:260px;height:146px;position:relative;overflow:hidden}.page-card-iframe-wrap{width:260px;height:146px;position:relative;overflow:hidden}.page-card-iframe-wrap iframe{transform-origin:0 0;pointer-events:none;border:none;width:1280px;height:720px;transform:scale(.203125)}.page-card-thumb-placeholder{height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.78rem;display:flex}.page-card-badges{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px}.page-tree .page-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.page-tree .page-badge-neutral{background:var(--active-bg);color:var(--accent-primary)}.page-tree .page-badge-published,.page-tree .page-badge-green{color:#16a34a;background:#22c55e24}.page-tree .page-badge-gray{color:#616161;background:#0000000f}.page-tree .page-badge-yellow{color:#b45309;background:#f59e0b24}.page-tree .page-badge-blue{color:#1d4ed8;background:#3b82f624}.page-tree .page-badge-purple{color:#6d28d9;background:#8b5cf624}.page-tree .badge-404{color:#d64545;background:#ef444424}.page-tree .badge-503{color:#b86a00;background:#f59e0b29}.page-tree .badge-home{color:#1f9d55;background:#22c55e29}.page-card-body{flex-direction:column;gap:3px;padding:12px 12px 6px;display:flex}.page-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:236px;font-size:.94rem;font-weight:700;text-decoration:none;display:block;overflow:hidden}.page-card-title:hover{color:var(--accent-primary);text-decoration:underline}.page-card-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.page-card-nav-select{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;margin-top:6px;padding:0 8px;font-size:.78rem}.page-card-nav-select:hover{border-color:var(--accent-primary)}.page-card-actions{border-top:1px solid var(--border-color);background:var(--bg-tertiary);flex-wrap:wrap;align-items:center;gap:4px;padding:7px 8px;display:flex}.card-btn-group{gap:2px;display:flex}.page-card-children{padding:16px 0 0 28px;position:relative}.page-card-children:before{content:"";background:var(--border-color);border-radius:2px;width:2px;position:absolute;top:0;bottom:20px;left:7px}.page-card-children>.page-card-row>.page-card-group{position:relative}.page-card-children>.page-card-row>.page-card-group:before{content:"";background:var(--border-color);width:20px;height:2px;position:absolute;top:24px;left:-20px}.page-tree-empty-state{border:1px dashed var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:18px;align-items:center;gap:14px;padding:20px;display:flex}.page-tree-empty-state strong{color:var(--text-primary);margin-bottom:4px;display:block}.page-tree-empty-state p{margin:0}.page-tree button:focus-visible,.page-tree a:focus-visible,.page-tree input:focus-visible,.page-tree select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:1023px){.page-tree-shell{padding:18px}.page-tree-toolbar{flex-direction:column}.page-tree .controls{flex-wrap:wrap;width:100%}.page-tree .controls input[type=text]{flex:100%;min-height:48px}.page-tree .controls button.primary{width:100%}.page-card-row{gap:14px}.page-card{width:220px}.page-card-thumb,.page-card-iframe-wrap{width:220px;height:124px}.page-card-iframe-wrap iframe{transform:scale(.171875)}.page-card-title{max-width:196px}}@media (max-width:767px){.page-tree-shell{padding:14px}.page-card-row{gap:12px}.page-card{width:180px}.page-card-thumb,.page-card-iframe-wrap{width:180px;height:101px}.page-card-iframe-wrap iframe{transform:scale(.140625)}.page-card-title{max-width:156px}.page-card-children{padding-left:20px}}.page-card-select-btn{z-index:2;background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-tertiary);opacity:0;border-radius:4px;align-items:center;padding:2px;transition:color .15s,border-color .15s;display:flex;position:absolute;top:6px;left:6px}.page-card:hover .page-card-select-btn,.page-card.selected .page-card-select-btn{opacity:1}.page-card.selected .page-card-select-btn{color:var(--accent-primary);border-color:var(--accent-primary)}.page-card.selected{box-shadow:0 0 0 2px var(--accent-primary)}.page-card{position:relative}.bulk-action-bar{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;display:flex}.bulk-count{color:var(--text-primary);margin-right:4px;font-size:.85rem;font-weight:600}.bulk-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;transition:background .15s;display:inline-flex}.bulk-btn:hover:not(:disabled){background:var(--bg-tertiary)}.bulk-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-btn-danger{color:#ef4444;border-color:#fecaca}.bulk-btn-danger:hover:not(:disabled){background:#fef2f2}.bulk-btn-ghost{color:var(--text-tertiary)}.bulk-select{border:1px solid var(--border-color);background:var(--bg-primary);height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:0 8px;font-size:.82rem}
.editor-container{background:var(--bg-primary);max-width:100%;height:100%;display:flex;overflow:hidden}.editor-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:300px;min-width:300px;max-width:300px;display:flex;overflow:hidden}.editor-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px;display:flex}.editor-header-copy{min-width:0}.editor-header h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.editor-role-hint,.editor-section-hint{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.editor-role-hint{font-weight:600}.editor-search-wrap{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:10px 12px}.editor-segmented-control{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;gap:6px;width:100%;margin-bottom:10px;padding:4px;display:inline-flex}.editor-segment-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:inline-flex}.editor-segment-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.editor-segment-btn.active{background:var(--bg-secondary);color:var(--accent-primary);border-color:var(--border-color)}.editor-segment-count{background:var(--bg-tertiary);min-width:20px;height:20px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.editor-segment-btn.active .editor-segment-count{background:var(--active-bg);color:var(--accent-primary)}.editor-search-input,.editor-filter-select{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 10px}.editor-search-input:focus,.editor-filter-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .12);outline:none}.editor-list{background:var(--bg-primary);flex:1;padding:8px;overflow-y:auto}.editor-list-item{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:12px;transition:all .2s;display:flex}.editor-list-item:hover{background:var(--hover-bg);border-color:var(--border-color)}.editor-list-item.active{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-color:var(--accent-primary)}.editor-list-item.dragging{opacity:.5}.editor-item-info{flex:1;overflow:hidden}.editor-item-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.editor-list-item.active .editor-item-label{color:#fff}.editor-item-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.editor-list-item:hover .editor-item-actions,.editor-list-item.active .editor-item-actions{opacity:1}.editor-main{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.editor-toolbar .editor-role-hint{width:100%}.editor-name-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:10px 16px;font-size:16px;font-weight:600;transition:border-color .2s}.editor-name-input:focus{border-color:var(--accent-primary)}.editor-toolbar-actions{gap:8px;display:flex}.monaco-editor-wrapper,.editor-wrapper,.css-editor-wrapper,.editor-codemirror-wrapper,.templates-editor-wrapper{flex:1;min-height:0;overflow:hidden}.editor-empty-state{color:var(--text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.editor-empty-state h3{color:var(--text-secondary);margin:0;font-size:18px;font-weight:600}.editor-empty-state p{color:var(--text-tertiary);margin:0;font-size:14px}.editor-snippets-panel{border-top:1px solid var(--border-color);background:var(--bg-secondary);max-height:150px;padding:16px;overflow-y:auto}.templates-editor-columns{flex:1;align-items:stretch;gap:12px;min-width:0;display:flex}.templates-editor-wrapper{flex:1;min-width:0;overflow:hidden}.codeeditor-wrapper{border:1px solid var(--border-color);background:var(--bg-secondary);height:100%;box-shadow:inset 0 1px 0 var(--shadow);border-radius:10px;overflow:hidden}.templates-editor-columns .editor-snippets-panel{border-top:none;border-left:1px solid var(--border-color);width:240px;max-width:260px;max-height:none;overflow-y:auto}.editor-snippets-panel h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.snippet-buttons{flex-wrap:wrap;gap:6px;display:flex}.snippet-group{margin-bottom:12px}.snippet-group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:700}.empty-list-state{text-align:center;color:var(--text-tertiary);padding:32px 16px;font-size:14px}@media (max-width:1023px){.editor-container{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.editor-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;min-width:0;max-width:none;max-height:280px}.templates-editor-columns{flex-direction:column}.templates-editor-columns .editor-snippets-panel{border-left:none;border-top:1px solid var(--border-color);width:auto;max-width:none;max-height:220px}}.ql-container.ql-snow{min-height:200px}
.file-manager-container{background:var(--bg-primary);height:calc(100vh - 60px);padding:24px;overflow-y:auto}.file-manager-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.file-manager-header h2{margin:0;font-size:24px;font-weight:600}.file-manager-actions{gap:12px;display:flex}.upload-btn{cursor:pointer;align-items:center;gap:8px;display:flex}.file-manager-filters{background:var(--bg-secondary);border-radius:8px;gap:8px;margin-bottom:24px;padding:12px;display:flex}.filter-btn{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.filter-btn:hover{background:var(--hover-bg)}.filter-btn.active{color:#fff;border-color:var(--accent-primary);background:linear-gradient(135deg,#e07b1a 0%,#b85f0a 100%)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.file-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;overflow:hidden}.file-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.file-preview{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;height:150px;display:flex;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.file-icon{color:var(--text-tertiary)}.file-info{padding:12px}.file-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.file-meta{color:var(--text-secondary);font-size:12px}.file-actions{border-top:1px solid var(--border-color);background:var(--bg-primary);gap:4px;padding:8px 12px;display:flex}.upload-overlay{z-index:9999;color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-tertiary);grid-column:1/-1;padding:64px 24px;font-size:16px}.file-manager-breadcrumb{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.breadcrumb-item{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;transition:background .15s,color .15s}.breadcrumb-item:hover{background:var(--hover-bg);color:var(--text-primary)}.breadcrumb-item.active{color:var(--text-primary);cursor:default;font-weight:600}.breadcrumb-sep{color:var(--text-tertiary);flex-shrink:0}.file-manager-new-folder{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.file-manager-new-folder .input-field-small{flex:1}.file-card-folder{opacity:.95}.file-card-folder:hover{opacity:1;border-color:var(--accent-primary)}.file-card-folder .file-icon{color:var(--accent-primary,#e07b1a)}.file-manager-container{position:relative}.file-manager-dragging{outline:3px dashed var(--accent-primary,#e07b1a);outline-offset:-6px;border-radius:8px}.file-drop-overlay{z-index:200;pointer-events:none;background:#e07b1a1f;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.file-drop-overlay-inner{color:var(--accent-primary,#e07b1a);background:var(--bg-secondary);border:2px dashed var(--accent-primary,#e07b1a);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px 48px;font-size:18px;font-weight:600;display:flex}.file-card-uploading{opacity:.8;border-color:var(--accent-primary,#e07b1a);animation:1.4s ease-in-out infinite file-card-pulse}.file-card-error{border-color:#e53e3e;animation:none}@keyframes file-card-pulse{0%,to{opacity:.8}50%{opacity:.5}}.file-upload-progress-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.file-upload-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary,#e07b1a);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}.file-upload-error-icon{font-size:32px}.file-not-ready{width:100%;height:100%;color:var(--text-secondary);background:repeating-linear-gradient(45deg, var(--bg-primary), var(--bg-primary) 8px, var(--bg-secondary) 8px, var(--bg-secondary) 16px);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.file-not-ready svg{opacity:.5;animation:2s ease-in-out infinite file-not-ready-pulse}@keyframes file-not-ready-pulse{0%,to{opacity:.5}50%{opacity:.9}}.file-card-selected{box-shadow:0 0 0 2px #2563eb40;border-color:#2563eb!important}.file-card-selected .file-preview{opacity:.85}.icon-btn-small{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.icon-btn-small:hover{background:var(--hover-bg);color:var(--text-primary)}.icon-btn-small.delete:hover{color:#dc2626;background:#ef44441a}
.users-container{max-width:1400px;padding:2rem}.users-header{margin-bottom:2rem}.users-header h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;display:flex}.users-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.user-avatar{color:#fff;background:linear-gradient(135deg,#e07b1a 0%,#b85f0a 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex-direction:column;gap:.25rem;display:flex}.user-name{color:var(--text-primary);font-size:1.25rem;font-weight:600}.user-email{color:var(--text-secondary);font-size:.875rem}.user-role-section{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.role-display{align-items:center;gap:.75rem;display:flex}.role-badge{color:#fff;border-radius:6px;flex-shrink:0;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-block}.role-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.role-edit{align-items:center;gap:.5rem;display:flex}.role-select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;flex:1;padding:.5rem;font-size:.875rem;font-weight:500}.role-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .1);outline:none}.icon-btn-small{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.icon-btn-small:hover{border-color:var(--accent-primary);color:#fff;background:linear-gradient(135deg,#e07b1a 0%,#b85f0a 100%);transform:scale(1.05)}.permissions-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.permissions-info h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem}.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.permission-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.permission-role{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.permission-item ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.permission-item li{color:var(--text-secondary);padding-left:1.25rem;font-size:.875rem;position:relative}.permission-item li:before{content:"•";color:var(--text-tertiary);position:absolute;left:.5rem}.loading-state{text-align:center;color:var(--text-secondary);padding:3rem;font-size:1.125rem}@media (max-width:768px){.users-container{padding:1rem}.users-grid,.permissions-grid{grid-template-columns:1fr}.role-edit{flex-direction:column}.role-select{width:100%}}
.admin-scope .nav-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.admin-scope .nav-type-tabs{border-bottom:2px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;gap:0;display:flex}.admin-scope .nav-type-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.45rem;margin-bottom:-2px;padding:.8rem 1.4rem;font-size:.88rem;font-weight:600;transition:background .18s,color .18s;display:flex}.admin-scope .nav-type-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-scope .nav-type-tab.active{background:var(--bg-secondary);color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.admin-scope .nav-body{flex:1;min-height:0;display:flex;overflow:hidden}.admin-scope .nav-list-panel{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.admin-scope .nav-list-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.admin-scope .nav-list-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.82rem;font-weight:700}.admin-scope .btn-icon-label{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.3rem;padding:.38rem .75rem;font-size:.8rem;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:flex}.admin-scope .btn-icon-label:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.admin-scope .nav-empty-hint{text-align:center;color:var(--text-tertiary);padding:2rem 1.25rem;font-size:.88rem;line-height:1.6}.admin-scope .nav-empty-cta{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.75rem;padding:.4rem .9rem;font-size:.82rem;font-weight:600;display:inline-block}.admin-scope .nav-template-list{flex:1;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.admin-scope .nav-template-card{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:.65rem .75rem;transition:border-color .18s,background .18s;display:flex}.admin-scope .nav-template-card:hover{border-color:var(--accent-primary)}.admin-scope .nav-template-card.selected{border-color:var(--accent-primary);background:rgb(var(--accent-primary-rgb) / .06)}.admin-scope .nav-template-card.is-active .nav-card-name{font-weight:700}.admin-scope .nav-card-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-scope .nav-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.admin-scope .nav-active-badge{color:var(--success-color,#1a7f3c);background:#1a7f3c1f;border-radius:20px;align-items:center;gap:.2rem;padding:.1rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.admin-scope .nav-responsive-badge{color:#155e75;background:#0891b224;border-radius:20px;align-items:center;gap:.2rem;width:fit-content;padding:.1rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.admin-scope .nav-card-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.admin-scope .nav-card-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:.2rem;padding:.3rem .55rem;font-size:.75rem;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.admin-scope .nav-card-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-scope .nav-card-btn.activate{color:var(--success-color,#1a7f3c);border-color:var(--success-color,#1a7f3c)}.admin-scope .nav-card-btn.activate:hover{background:var(--success-color,#1a7f3c);color:#fff}.admin-scope .nav-card-btn.deactivate{color:var(--text-tertiary);border-color:var(--border-color)}.admin-scope .nav-card-btn.delete:hover{color:#fff;background:#c0392b;border-color:#c0392b}.admin-scope .nav-card-btn.save{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.admin-scope .nav-card-btn.save:hover:not(:disabled){opacity:.88}.admin-scope .nav-card-btn.save:disabled{opacity:.5;cursor:not-allowed}.admin-scope .nav-editor-panel{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.admin-scope .nav-editor-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.admin-scope .nav-name-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);min-width:180px;color:var(--text-primary);flex:1;padding:.5rem .75rem;font-size:.92rem;font-weight:600;transition:border-color .18s}.admin-scope .nav-name-input:focus{border-color:var(--accent-primary);outline:none}.admin-scope .nav-editor-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.admin-scope .nav-preset-gallery{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;padding:.75rem 1rem}.admin-scope .nav-preset-gallery-head{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:flex}.admin-scope .preset-close{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;align-items:center;padding:.15rem;display:flex}.admin-scope .nav-preset-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:.5rem;display:grid}.admin-scope .nav-preset-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);text-align:left;cursor:pointer;flex-direction:column;gap:.2rem;padding:.65rem .85rem;transition:border-color .18s,background .18s;display:flex}.admin-scope .nav-preset-card:hover{border-color:var(--accent-primary);background:rgb(var(--accent-primary-rgb) / .04)}.admin-scope .preset-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.admin-scope .preset-desc{color:var(--text-tertiary);font-size:.75rem}.admin-scope .preset-use{color:var(--accent-primary);align-items:center;gap:.2rem;margin-top:.2rem;font-size:.73rem;font-weight:600;display:inline-flex}.admin-scope .nav-editor-split{flex:1;min-height:0;display:flex;overflow:hidden}.admin-scope .nav-editor-code,.admin-scope .nav-editor-preview{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.admin-scope .nav-editor-code{border-right:1px solid var(--border-color)}.admin-scope .nav-panel-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;padding:.45rem .9rem;font-size:.72rem;font-weight:700}.admin-scope .nav-monaco-wrap{flex:1;min-height:0;overflow:hidden}.admin-scope .nav-preview-container{background:#fff;flex:1;min-height:0;padding:1.25rem;overflow:auto}.admin-scope.dark-mode .nav-preview-container{background:#1e1e1e}.admin-scope .nav-preview-hint{color:var(--text-tertiary);border-top:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;padding:.4rem .9rem;font-size:.72rem}.admin-scope .nav-placeholder-ref{color:var(--text-tertiary);border-top:1px solid var(--border-color);background:var(--bg-tertiary);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.77rem;display:flex}.admin-scope .nav-placeholder-ref strong{color:var(--text-secondary)}.admin-scope .nav-placeholder-ref code{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;padding:.05rem .4rem;font-family:Fira Code,monospace;font-size:.75rem}.admin-scope .nav-editor-empty{color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:.75rem;padding:3rem}.admin-scope .nav-editor-empty p{margin:0;font-size:.95rem}.admin-scope .nav-editor-empty-hint{max-width:420px;line-height:1.7;font-size:.82rem!important}.admin-scope .nav-editor-empty code{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;padding:.05rem .35rem;font-family:Fira Code,monospace;font-size:.8rem}.admin-scope .nav-docs-toggle{margin-left:auto}.admin-scope .nav-docs-panel{border-left:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.admin-scope .nav-docs-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);flex-shrink:0;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;display:flex}.admin-scope .nav-docs-header span{flex:1}.admin-scope .nav-docs-close{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;align-items:center;padding:.15rem;display:flex}.admin-scope .nav-docs-close:hover{color:var(--text-primary)}.admin-scope .nav-docs-body{flex-direction:column;flex:1;gap:1.1rem;padding:1rem;display:flex;overflow-y:auto}.admin-scope .nav-docs-group{flex-direction:column;gap:.45rem;display:flex}.admin-scope .nav-docs-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.72rem;font-weight:700}.admin-scope .nav-docs-group p,.admin-scope .nav-docs-list{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.55}.admin-scope .nav-docs-list{flex-direction:column;gap:.4rem;padding-left:1.1rem;display:flex}.admin-scope .nav-docs-group strong{color:var(--text-primary)}.admin-scope .nav-docs-group code,.admin-scope .nav-docs-list code{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;padding:.05rem .35rem;font-family:Fira Code,monospace;font-size:.76rem}.admin-scope .nav-docs-table{border-collapse:collapse;width:100%;font-size:.78rem}.admin-scope .nav-docs-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:top;padding:.3rem .4rem}.admin-scope .nav-docs-table td:first-child{white-space:nowrap}.admin-scope .nav-docs-table code{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;padding:.05rem .35rem;font-family:Fira Code,monospace;font-size:.74rem}.admin-scope .nav-docs-note{font-style:italic;color:var(--text-tertiary)!important;font-size:.75rem!important}.admin-scope.dark-mode .nav-list-panel,.admin-scope.dark-mode .nav-docs-panel{background:var(--bg-secondary)}.admin-scope.dark-mode .nav-docs-group code,.admin-scope.dark-mode .nav-docs-list code,.admin-scope.dark-mode .nav-docs-table code,.admin-scope.dark-mode .nav-template-card,.admin-scope.dark-mode .nav-preset-card,.admin-scope.dark-mode .nav-name-input{background:var(--bg-tertiary)}