:root{--black:#080806;--surface:#0f0e0c;--raised:#161410;--hover:#1e1b16;--input-bg:#131210;--amber:#c8923f;--amber-bright:#e0a84a;--amber-dim:#c8923f29;--amber-border:#c8923f47;--amber-glow:#c8923f1a;--red:#c84040;--red-dim:#c8404024;--red-border:#c840404d;--green:#4caf78;--text-hi:#f0ead8;--text-md:#b8a898;--text-lo:#7a6a58;--border:#ffffff0e;--border-md:#ffffff1a;--font-ui:var(--font-inter), system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, monospace;--sidebar-w:300px;--header-h:47px;--r-sm:4px;--r-md:7px;--ease:.14s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--black);color:var(--text-md);-webkit-font-smoothing:antialiased;font-size:13px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.builder-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar--right{border-right:none;border-left:1px solid var(--border)}.sidebar-preview-title{color:var(--text-hi);letter-spacing:-.2px;margin-bottom:8px;font-size:14px;font-weight:600}.sidebar-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;grid-template-columns:1fr 1fr;height:40px;padding:0;display:grid}.sidebar-toggles{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;grid-template-columns:1fr 1fr;padding:0;display:grid}.tb-action-btn.is-active{color:var(--green)}.sidebar-toggles .tb-action-btn:hover:not(:disabled){color:var(--text-md)}.sidebar-toggles .tb-action-btn.is-active:hover:not(:disabled){color:var(--green)}.header-toggle-btn{width:100%;height:100%;color:var(--text-md);font-family:var(--font-ui);cursor:pointer;transition:color var(--ease), background var(--ease);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin-left:.01em;font-size:13px;font-weight:500;line-height:1;display:flex}.header-toggle-btn:hover{color:var(--text-hi);background:var(--hover)}.brand{border-right:1px solid var(--border);cursor:not-allowed;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.brand-icon{background:var(--amber-dim);border:1px solid var(--amber-border);width:26px;height:24px;font-family:var(--font-mono);color:var(--amber);box-shadow:0 0 12px var(--amber-glow);border-radius:5px;justify-content:center;align-items:center;margin-left:-18px;font-size:13px;display:flex;transform:rotate(90deg)}.brand-text{color:var(--text-hi);letter-spacing:-.2px;margin:0 1px 0 0;font-size:13px;font-weight:600}.sidebar-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;grid-template-columns:1fr 1fr;padding:0;display:grid}.tb-action-btn{border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);height:38px;color:var(--text-md);font-family:var(--font-ui);cursor:pointer;transition:background var(--ease), color var(--ease);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.tb-action-btn:nth-child(2n){border-right:none}.tb-action-btn:nth-last-child(-n+2){border-bottom:none}.tb-action-btn:hover:not(:disabled){color:var(--text-hi);background:var(--hover)}.tb-action-btn:disabled{color:#c8404099;cursor:not-allowed}.unsaved-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;margin-top:-.2345em;animation:2s ease-in-out infinite dot-pulse;position:absolute;top:50%;left:1.555em;transform:translateY(-50%);box-shadow:0 0 6px #c8923f80}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.sidebar-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.view-editor,.view-card-list{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.main-menu,.editor-section,.card-list,.fields-list{scrollbar-width:thin;scrollbar-color:var(--border-md) transparent;scrollbar-gutter:stable;flex:1;overflow:hidden auto}.main-menu::-webkit-scrollbar{width:6px}.editor-section::-webkit-scrollbar{width:6px}.card-list::-webkit-scrollbar{width:6px}.fields-list::-webkit-scrollbar{width:6px}.main-menu::-webkit-scrollbar-track{background:0 0}.editor-section::-webkit-scrollbar-track{background:0 0}.card-list::-webkit-scrollbar-track{background:0 0}.fields-list::-webkit-scrollbar-track{background:0 0}.main-menu::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}.editor-section::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}.card-list::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}.fields-list::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}.main-menu::-webkit-scrollbar-thumb:hover{background:var(--text-lo)}.editor-section::-webkit-scrollbar-thumb:hover{background:var(--text-lo)}.card-list::-webkit-scrollbar-thumb:hover{background:var(--text-lo)}.fields-list::-webkit-scrollbar-thumb:hover{background:var(--text-lo)}.error-state{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}.error-icon{background:var(--red-dim);border:1px solid var(--red-border);width:44px;height:44px;color:var(--red);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.error-title{color:var(--text-hi);font-size:14px;font-weight:600}.error-desc{color:var(--text-lo);max-width:220px;font-size:13px;line-height:1.6}.error-retry{background:var(--red-dim);border:1px solid var(--red-border);color:var(--red);font-family:var(--font-ui);border-radius:var(--r-sm);cursor:pointer;transition:background var(--ease);padding:7px 18px;font-size:13px;font-weight:500}.error-retry:hover{background:#c840403d}.loading{color:var(--text-md);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:13px;display:flex}.loading-spinner{border:2px solid var(--border-md);border-top-color:var(--amber);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle-switch{border:1px solid var(--border-md);background:var(--black);cursor:pointer;width:32px;height:18px;transition:background var(--ease), border-color var(--ease), box-shadow var(--ease);border-radius:9px;flex-shrink:0;padding:0;position:relative}.toggle-switch.toggle-on{background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px var(--amber-glow)}.toggle-knob{background:var(--text-lo);width:12px;height:12px;transition:transform var(--ease), background var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-on .toggle-knob{background:#0f0c07;transform:translate(14px)}.main-menu{flex-direction:column;padding:16px 12px 40px;display:flex}.main-menu-intro{border-bottom:1px solid var(--border);margin:0 -5px 16px 4px;padding:2px 5px 3px 12px}.main-menu-tagline{letter-spacing:1px;text-transform:uppercase;color:var(--text-lo);text-align:center;margin:-2px 0 9px -10px;font-size:11px;font-weight:600}.main-menu-sections{flex-direction:column;gap:7px;display:flex}.menu-tile{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:left;width:103.5%;height:62px;transition:background var(--ease), border-color var(--ease), transform var(--ease), box-shadow var(--ease);align-items:center;gap:12px;padding:1px 13px 0;display:flex;position:relative;overflow:hidden}.menu-tile:hover{background:var(--hover);border-color:var(--amber-border);box-shadow:0 0 12px var(--amber-glow)}.menu-tile-icon{border-radius:var(--r-sm);background:var(--amber-dim);border:1px solid var(--amber-border);width:34px;height:34px;color:var(--amber);flex-shrink:0;justify-content:center;align-items:center;margin-left:1px;font-size:15px;display:flex}.menu-tile-body{flex-direction:column;flex:1;gap:3px;display:flex}.menu-tile-title{color:var(--text-hi);letter-spacing:-.1px;margin-top:5px;font-size:14px;font-weight:600}.menu-tile-desc{color:var(--text-lo);font-size:12px}.menu-tile-arrow{color:var(--text-lo);transition:color var(--ease), transform var(--ease);padding-right:1px;font-size:18px;line-height:1}.menu-tile:hover .menu-tile-arrow{color:var(--amber);transform:scale(1.05)translate(1px)}.view-editor{flex-direction:column;display:flex}.editor-nav{background:var(--raised);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.back-btn{border:1px solid var(--border-md);color:var(--text-md);font-family:var(--font-ui);border-radius:var(--r-sm);cursor:pointer;transition:color var(--ease), border-color var(--ease);background:0 0;flex-shrink:0;margin:1px 0 0 -5px;padding:1px 10px 4px;font-size:13px;font-weight:500}.back-btn:hover{color:var(--text-hi);border-color:var(--border-md)}.editor-nav-title{font-family:var(--font-mono);color:var(--amber);text-overflow:ellipsis;white-space:nowrap;padding:1px 0 0 3px;font-size:12px;font-weight:500;overflow:hidden}.count-badge{background:var(--black);color:var(--text-lo);font-family:var(--font-mono);border:1px solid var(--border);border-radius:10px;margin-top:1px;margin-left:auto;margin-right:-3px;padding:1px 8px;font-size:12px;font-weight:500}.view-card-list{flex-direction:column;display:flex}.card-list{flex-direction:column;gap:2px;padding:10px 12px 17.5px;display:flex}.card-item{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;transition:background var(--ease), border-color var(--ease), transform var(--ease);align-items:center;gap:10px;padding:10px 12px;display:flex}.card-item:hover{background:var(--hover);border-color:#734e19}.card-item--hidden{opacity:.42}.card-item--hidden:hover{opacity:.65}.card-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.card-item-id{color:var(--text-hi);font-size:13px;font-weight:500}.card-item-type{font-family:var(--font-mono);color:var(--amber);font-size:11px}.card-item-right{align-items:center;gap:6px;display:flex}.card-hidden-badge{font-family:var(--font-mono);color:var(--text-lo);background:var(--black);border:1px solid var(--border);letter-spacing:.4px;text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:500}.card-item-arrow{color:var(--text-lo);transition:color var(--ease);font-size:16px}.card-item:hover .card-item-arrow{color:var(--amber)}.save-modal.confirm-modal{max-width:450px}.search-bar{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);transition:border-color var(--ease), box-shadow var(--ease);align-items:center;gap:8px;margin:4px 0 5px;padding:8px 10px;display:flex}.search-bar:focus-within{border-color:var(--amber-border);box-shadow:0 0 0 2px var(--amber-dim)}.search-icon{color:var(--text-lo);flex-shrink:0;font-size:15px;line-height:1}.search-input{color:var(--text-hi);font-family:var(--font-ui);background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-input::placeholder{color:var(--text-lo)}.search-clear{color:var(--text-lo);cursor:pointer;transition:color var(--ease);background:0 0;border:none;border-radius:2px;padding:2px 4px;font-size:13px}.search-clear:hover{color:var(--text-hi)}.tab-bar{background:var(--black);border:1px solid var(--border);border-radius:var(--r-sm);grid-template-columns:1fr 1fr;gap:4px;margin:10px 12px;padding:3px;display:grid}.tab{color:var(--text-lo);font-family:var(--font-ui);cursor:pointer;transition:background var(--ease), color var(--ease);background:0 0;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:500;display:flex}.tab:hover{color:var(--text-md)}.tab-active{background:var(--raised)!important;color:var(--text-hi)!important;border-color:var(--border)!important}.tab-count{font-family:var(--font-mono);background:var(--surface);color:var(--text-lo);text-align:center;border-radius:8px;min-width:18px;padding:0 5px;font-size:11px}.tab-active .tab-count{color:var(--text-md)}.fields-list{flex-direction:column;gap:2px;padding:0 12px 8px;display:flex}.empty-search{text-align:center;color:var(--text-lo);padding:30px 0;font-size:13px}.search-section-tag{font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase;color:var(--amber);padding:8px 2px 3px;font-size:11px;font-weight:500;display:inline-flex}.field-row{border-bottom:1px solid var(--border);flex-direction:column;gap:5px;padding:9px 0;display:flex}.field-row:last-child{border-bottom:none}.field-label{font-family:var(--font-mono);color:var(--text-md);letter-spacing:.2px;font-size:12px;font-weight:500}.field-control{width:100%}.field-label-wrap{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.field-info-icon{color:var(--text-md);cursor:help;transition:color var(--ease);align-items:center;font-size:13px;display:flex;position:relative}.field-info-icon:hover{color:#b7d4ff}.field-tooltip{border-radius:var(--r-sm);color:#dbe7ff;width:262px;max-width:262px;font-family:var(--font-ui);z-index:999;pointer-events:none;opacity:0;visibility:hidden;max-height:0;transition:opacity var(--ease), transform var(--ease), visibility var(--ease), max-height 0s var(--ease), padding 0s var(--ease), border-width 0s var(--ease);background:#1e2f4d;border:1px solid #3f5f8f;padding:0 8px;font-size:11px;font-weight:400;line-height:1.4;position:absolute;overflow:hidden;transform:translateY(-4px);box-shadow:0 8px 24px #00000073}.field-info-icon:hover .field-tooltip{opacity:1;visibility:visible;max-height:400px;transition:opacity var(--ease), transform var(--ease), visibility var(--ease), max-height 0s, padding 0s, border-width 0s;border-width:1px;padding:5px 8px;transform:translateY(0)}.field-textarea::-webkit-resizer{background-color:var(--input-bg);background-image:linear-gradient(135deg, transparent 50%, var(--border-md) 50%, var(--border-md) 55%, transparent 55%), linear-gradient(135deg, transparent 70%, var(--border-md) 70%, var(--border-md) 75%, transparent 75%), linear-gradient(135deg, transparent 90%, var(--border-md) 90%, var(--border-md) 95%, transparent 95%)}.field-label-wrap .field-tooltip{top:calc(100% + 5px);right:2px}.array-item-row .field-tooltip,.object-array-header .field-tooltip{top:calc(100% + 8px);right:-41px}.field-tooltip--up{bottom:calc(100% + 5px);transform:translateY(4px);top:auto!important}.array-item-row .field-tooltip--up,.object-array-header .field-tooltip--up{bottom:calc(100% + 8px)}.field-input,.field-textarea{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);width:100%;color:var(--text-hi);font-family:var(--font-ui);transition:border-color var(--ease), box-shadow var(--ease);outline:none;padding:7px 10px;font-size:13px}.field-input:focus,.field-textarea:focus{border-color:var(--amber-border);box-shadow:0 0 0 2px var(--amber-dim)}.field-textarea{resize:vertical;min-height:93.5px}.color-field{align-items:center;gap:8px;display:flex}.color-swatch-wrap{border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--border-md);flex-shrink:0;width:32px;height:32px;position:relative;overflow:hidden}.color-swatch-wrap input[type=color]{opacity:0;cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.color-swatch-preview{border-radius:inherit;width:100%;height:100%;display:block}.color-hex-input{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);color:var(--text-hi);font-family:var(--font-mono);transition:border-color var(--ease), box-shadow var(--ease);outline:none;flex:1;padding:7px 10px;font-size:13px}.color-hex-input:focus{border-color:var(--amber-border);box-shadow:0 0 0 2px var(--amber-dim)}.array-editor{background:var(--black);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:5px;padding:8px;display:flex}.array-item-row{align-items:center;gap:5px;display:flex}.array-item-row input{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);color:var(--text-hi);font-family:var(--font-ui);transition:border-color var(--ease);outline:none;flex:1;padding:6px 8px;font-size:13px}.array-item-row input:focus{border-color:var(--amber-border)}.del-btn{color:#dc7878;border-radius:var(--r-sm);cursor:pointer;width:26px;height:26px;transition:background var(--ease);background:#c83c3c1a;border:1px solid #c83c3c38;flex-shrink:0;justify-content:center;align-items:center;margin-right:-5px;font-size:13px;display:flex}.del-btn:hover{background:#c83c3c38}.add-btn{border:1px dashed var(--border-md);border-radius:var(--r-sm);color:var(--text-lo);font-family:var(--font-ui);cursor:pointer;width:100%;transition:color var(--ease), border-color var(--ease);background:0 0;margin:10px 0 7px;padding:6px 10px;font-size:13px}.add-btn:hover{color:var(--amber);border-color:#805921}.object-array-editor{background:var(--black);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:8px;display:flex}.object-array-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.object-array-editor .add-btn{margin:3px 0 1px}.object-array-editor .field-tooltip{width:247px;max-width:247px}.object-array-header{background:var(--raised);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.object-array-header-label{font-family:var(--font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:500}.object-array-body{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.object-field{flex-direction:column;gap:3px;display:flex}.object-field label{font-family:var(--font-mono);color:var(--text-lo);text-transform:capitalize;font-size:11px}.object-field input{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);color:var(--text-hi);font-family:var(--font-ui);transition:border-color var(--ease);outline:none;width:100%;padding:5px 8px;font-size:13px}.object-field input:focus{border-color:var(--amber-border)}.gradient-editor{background:var(--black);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:10px;display:flex}.grad-controls-row{justify-content:space-between;align-items:center;display:flex}.grad-group{align-items:center;gap:12px;display:flex}.grad-group label{color:var(--text-md);font-size:12px;font-weight:500}.grad-angle-input{text-align:center;background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);width:46px;color:var(--text-hi);font-family:var(--font-ui);transition:border-color var(--ease), box-shadow var(--ease);outline:none;padding:5px 6px;font-size:13px}.grad-angle-input:focus{border-color:var(--amber-border);box-shadow:0 0 0 2px var(--amber-dim)}.grad-colors{align-items:center;gap:6px;display:flex}.grad-swatch-wrap{border:1px solid var(--border-md);cursor:pointer;border-radius:4px;width:28px;height:28px;position:relative;overflow:hidden}.grad-swatch-wrap input[type=color]{opacity:0;cursor:pointer;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.grad-swatch-preview{width:100%;height:100%;display:block}.grad-divider{margin:0 5px}.editor-section{border-bottom:1px solid var(--border);padding:12px}.editor-section-title{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--amber);align-items:center;gap:8px;margin:5px 0 17px;font-size:11px;font-weight:500;display:flex}.editor-section-title:before{content:"";background:var(--amber);border-radius:2px;width:3px;height:12px;display:block}.dims-grid{background:var(--black);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:5px;margin-top:-3px;padding:10px;display:flex}.dim-row{justify-content:center;align-items:center;gap:10px;display:flex}.dim-label{width:80px;font-family:var(--font-mono);color:var(--amber);text-align:center;flex-shrink:0;font-size:12px;font-weight:500}.dim-inputs{gap:6px;display:flex}.dim-input-group{align-items:center;gap:4px;display:flex}.dim-input-group input{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);width:64px;color:var(--text-hi);font-family:var(--font-ui);transition:border-color var(--ease);outline:none;padding:5px 8px;font-size:13px}.dim-input-group input:focus{border-color:var(--amber-border)}.dim-input-group span{font-family:var(--font-mono);color:var(--text-lo);font-size:12px;font-weight:500}.dims-header{border-bottom:1px dashed var(--border-md);justify-content:center;align-items:center;gap:10px;margin-bottom:2px;padding-bottom:8px;display:flex}.dims-header-labels{gap:6px;display:flex}.dims-header-labels span{width:64px;font-family:var(--font-mono);opacity:.5;color:var(--text-hi);letter-spacing:.5px;text-transform:uppercase;text-align:center;font-size:11px;font-weight:500}.dim-inputs .dim-input-group input{text-align:center}.preview-area{background:var(--black);background-image:radial-gradient(600px 400px at 80%,#c8923f0a 0%,#0000 70%);flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;height:40px;padding:0;display:flex}.preview-toolbar-label{white-space:nowrap;flex:6;align-items:center;padding:0 0 0 18px;display:flex;overflow:hidden}.preview-toolbar-label span{white-space:nowrap;text-overflow:ellipsis;margin-right:15px;display:block;overflow:hidden}.preview-toolbar-btn{border:none;border-left:1px solid var(--border);color:var(--text-md);font-family:var(--font-ui);cursor:pointer;transition:color var(--ease), background var(--ease);background:0 0;flex:1;justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.preview-toolbar-btn:hover{color:var(--text-hi);background:var(--hover)}.layout--sidebar-right .preview-toolbar-btn{border-left:none;border-right:1px solid var(--border-md)}.preview-size-btn{border-radius:var(--r-sm);cursor:pointer;color:var(--text-lo);font-family:var(--font-ui);transition:color var(--ease), background var(--ease), border-color var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:flex}.preview-size-btn:hover{color:var(--text-md);background:var(--raised);border-color:var(--border)}.preview-size-btn--active{color:var(--amber)!important;background:var(--amber-dim)!important;border-color:var(--amber-border)!important}.preview-size-icon{font-size:13px;line-height:1}.preview-size-divider{background:var(--border);width:1px;height:14px}.preview-iframe-wrap{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.preview-iframe{width:100%;height:100%;box-shadow:0 0 0 1px var(--border-md), 0 24px 70px #000000b3;background:#c8923f;border:none;border-radius:10px;transition:box-shadow .3s}@keyframes iframe-flash{0%{box-shadow:0 0 0 2px #c8923fb3,0 24px 70px #000000b3}to{box-shadow:0 0 0 1px var(--border-md), 0 24px 70px #000000b3}}.preview-iframe--flash{animation:.6s ease-out forwards iframe-flash}.landing-screen{background:var(--black);background-image:radial-gradient(800px 600px,#c8923f0f 0%,#0000 80%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.landing-content{text-align:center;background:var(--surface);border:1px solid var(--border);max-width:453px;box-shadow:0 24px 50px #00000080, 0 0 0 1px var(--border-md);border-radius:16px;flex-direction:column;align-items:center;padding:38px 38px 42px;animation:.6s cubic-bezier(.16,1,.3,1) forwards landing-fade-up;display:flex}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-icon{width:56px;height:56px;box-shadow:0 0 22px var(--amber-glow);border-radius:12px;margin-bottom:22px;font-size:28px}.landing-title{color:var(--text-hi);letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:700}.landing-desc{color:var(--text-lo);margin-top:3px;margin-bottom:20px;font-size:14px;line-height:1.6}.landing-btn{background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--r-md);color:var(--amber);font-family:var(--font-ui);cursor:pointer;transition:all var(--ease);align-items:center;gap:10px;margin:0 0 -5px;padding:11px;font-size:14px;font-weight:600;display:flex}.landing-btn:hover{border-color:var(--amber);color:var(--amber-bright);box-shadow:0 4px 12px var(--amber-glow);background:#c8923f42}.save-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#080806d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-modal{background:var(--surface);border:1px solid var(--border-md);text-align:center;max-width:375px;box-shadow:0 24px 50px #00000080, 0 0 0 1px var(--amber-glow);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:40px 32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards landing-fade-up;display:flex}.save-modal-icon{text-shadow:0 0 16px var(--amber-glow);margin-top:-1px;margin-bottom:8px;font-size:32px}.save-modal h2{color:var(--text-hi);letter-spacing:-.3px;font-size:20px;font-weight:600}.save-modal p{color:var(--text-lo);margin-bottom:12px;font-size:14px;line-height:1.5}.landing-skip{color:var(--text-lo);font-family:var(--font-ui);cursor:pointer;transition:color var(--ease);background:0 0;border:none;margin:-1px 0 -8px;padding:8px;font-size:13px;font-weight:500}.landing-skip:hover{color:var(--text-hi)}.floating-preview-box{z-index:9999;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-md);border-radius:var(--r-md);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow var(--ease), border-color var(--ease);width:max-content;transition:box-shadow var(--ease), border-color var(--ease), border-radius var(--ease), width var(--ease), height var(--ease);background:#0f0e0cbf;outline:none;padding:14px 16px;position:fixed;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0d}.floating-preview-box:active{cursor:grabbing;border-color:var(--amber-border);box-shadow:0 12px 40px #0009, 0 0 0 1px var(--amber-dim)}.floating-preview-header{font-family:var(--font-mono);color:var(--text-hi);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;margin-top:-3px;margin-bottom:11px;font-size:11px;font-weight:600;display:flex}.floating-preview-actions{margin:7px -3px 11px;display:flex}.floating-action-btn{background:var(--raised);border:1px solid var(--border-md);border-radius:var(--r-sm);width:100%;color:var(--text-md);font-family:var(--font-ui);cursor:pointer;transition:all var(--ease);justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:500;display:flex}.floating-action-btn:hover{color:var(--amber-bright);border-color:var(--amber-border);background:var(--amber-dim)}.floating-preview-hint{font-family:var(--font-ui);color:var(--text-lo);text-align:center;margin-bottom:-2px;font-size:9px}.floating-preview-box.is-collapsed{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.floating-collapse-icon{color:var(--amber);transition:transform var(--ease), color var(--ease)}.floating-preview-box.is-collapsed:hover .floating-collapse-icon{color:var(--amber-bright);transform:scale(1.1)}.layout--sidebar-right .preview-toolbar,.sidebar--right .header-toggle-btn>span{flex-direction:row-reverse}.array-editor .add-btn{margin:2px 0 1px}.sidebar--right .sidebar-header{direction:rtl}.sidebar--right .brand,.sidebar--right .header-toggle-btn{direction:ltr}.sidebar--right .brand{border-right:none;border-left:1px solid var(--border);flex-direction:row-reverse;margin-left:-1px}.custom-select{-webkit-user-select:none;user-select:none;width:100%;position:relative}.custom-select-header{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);width:100%;color:var(--text-hi);font-family:var(--font-ui);cursor:pointer;transition:border-color var(--ease), box-shadow var(--ease);justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;display:flex}.custom-select-header:hover{border-color:#fff3}.custom-select-header.is-open{border-color:#ffffffb3;box-shadow:0 0 0 1px #fff3}.custom-select-arrow{width:10px;height:10px;transition:transform var(--ease);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23b8a898%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.custom-select-header.is-open .custom-select-arrow{transform:scaleY(-1)}.custom-select-menu{background:var(--raised);border-radius:var(--r-sm);z-index:100;border:1px solid #fff3;flex-direction:column;width:100%;max-height:141px;margin-bottom:30px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0009}.custom-select-menu--up{background:var(--raised);z-index:9999;max-height:407px;margin-bottom:-10px;top:auto;bottom:calc(100% + 4px);box-shadow:0 -8px 24px #0009}.custom-select-menu::-webkit-scrollbar{width:4px}.custom-select-menu::-webkit-scrollbar-track{background:0 0}.custom-select-menu::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}.custom-select-option{color:var(--text-md);font-family:var(--font-ui);cursor:pointer;transition:background var(--ease), color var(--ease);padding:8px 10px;font-size:13px}.custom-select-option:hover{background:var(--hover);color:var(--text-hi)}.custom-select-option.is-selected{background:var(--amber-dim);color:var(--amber);font-weight:500}.quad-editor{flex-direction:column;gap:5px;width:100%;display:flex}.quad-header{gap:6px;padding:0 2px;display:flex}.quad-header span{text-align:center;font-family:var(--font-mono);color:var(--text-lo);letter-spacing:.5px;flex:1;font-size:10px;font-weight:500}.quad-inputs{gap:6px;display:flex}.quad-inputs input{background:var(--input-bg);border:1px solid var(--border-md);border-radius:var(--r-sm);min-width:0;color:var(--text-hi);font-family:var(--font-ui);text-align:center;transition:border-color var(--ease);outline:none;flex:1;padding:6px 2px;font-size:13px}.quad-inputs input:focus{border-color:var(--amber-border)}.layout--compact .sidebar-toggles,.layout--compact .sidebar-toolbar{grid-template-columns:repeat(4,1fr)}.layout--compact .tb-action-btn{border-bottom:none}.layout--compact .tb-action-btn:nth-child(2n){border-right:1px solid var(--border)}.layout--compact .tb-action-btn:nth-child(4n){border-right:none}.preview-toolbar-btn.is-active{color:var(--amber)}.layout--compact .sidebar-toolbar .tb-action-btn:first-child{order:1;border-right:1px solid var(--border)!important}.layout--compact .sidebar-toolbar .tb-action-btn:nth-child(3){order:2;border-right:1px solid var(--border)!important}.layout--compact .sidebar-toolbar .tb-action-btn:nth-child(4){order:3;border-right:1px solid var(--border)!important}.layout--compact .sidebar-toolbar .tb-action-btn:nth-child(2){order:4;border-right:none!important}.layout--compact .unsaved-dot{width:6px;height:6px;margin:0;top:15px;left:auto;right:55px;transform:none}.slider-field{align-items:center;gap:5px;width:100%;padding:4px 3px 2px 1px;display:flex}.slider-field .slider-input{appearance:none;cursor:pointer;box-shadow:none;border:none;outline:none;flex:1;padding:0;background:0 0!important}.slider-field .slider-input:focus{box-shadow:none;border:none;outline:none}.slider-input::-webkit-slider-runnable-track{background:var(--border-md);width:100%;height:4px;transition:background var(--ease);border-radius:2px}.slider-input:hover::-webkit-slider-runnable-track{background:#ffffff26}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--amber);width:14px;height:14px;box-shadow:0 0 8px var(--amber-glow);transition:transform var(--ease), box-shadow var(--ease);border-radius:50%;margin-top:-5px}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--amber-dim)}.slider-value{font-family:var(--font-mono);color:var(--amber);text-align:right;min-width:28px;font-size:12px;font-weight:500}.help-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#080806d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background:var(--surface);border:1px solid var(--border-md);width:95%;max-width:1280px;box-shadow:0 24px 50px #00000080, 0 0 0 1px var(--amber-glow);border-radius:16px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards landing-fade-up;position:relative}.help-action-btn{color:var(--text-lo);cursor:pointer;transition:color var(--ease), background var(--ease);border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px}.help-action-btn:hover{color:var(--text-hi);background:#ffffff0d}.help-action-btn--left{font-size:20px;top:14px;left:16px}.help-action-btn--right{font-size:24px;right:16px}.help-modal-header{text-align:center;margin-bottom:32px}.help-modal-header h2{color:var(--text-hi);letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:600}.help-modal-header p{color:var(--text-lo);font-size:14px}.help-modal-grid{grid-template-columns:repeat(5,1fr);gap:24px;margin:-13px 0 -6px;display:grid}.help-card{background:var(--black);border:1px solid var(--border);text-align:center;transition:transform var(--ease), border-color var(--ease), box-shadow var(--ease);border-radius:12px;flex-direction:column;align-items:center;padding:24px;display:flex}.help-card:hover{border-color:var(--amber-border);box-shadow:0 8px 24px var(--amber-glow);transform:translateY(-2px)}.help-card-icon{background:var(--amber-dim);width:52px;height:52px;color:var(--amber);border:1px solid var(--amber-border);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.help-card-title{color:var(--text-hi);margin-bottom:12px;font-size:16px;font-weight:600}.help-card-body{color:var(--text-md);font-size:13px;line-height:1.6}.tutorial-slider-overlay{background:var(--black);z-index:2000;background-image:radial-gradient(800px 600px,#c8923f0f 0%,#0000 80%);flex-direction:column;justify-content:center;align-items:center;animation:.4s forwards landing-fade-up;display:flex;position:fixed;inset:0}.tutorial-image-wrap{aspect-ratio:1923/909;justify-content:center;align-items:center;width:min(90vw,158.663vh);margin:0 auto;display:flex;position:relative}.tutorial-img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:5px}.tutorial-controls{align-items:center;gap:10px;margin-top:35px;display:flex}.tutorial-step-indicator{color:var(--text-md);font-family:var(--font-mono);letter-spacing:.5px;margin:0 10px -3px;font-size:13px;font-weight:500}.tutorial-prompt-overlay{background:var(--black);z-index:2000;background-image:radial-gradient(800px 600px,#c8923f0f 0%,#0000 80%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-prompt{background:var(--surface);border:1px solid var(--border-md);text-align:center;width:90%;max-width:500px;box-shadow:0 24px 50px #00000080, 0 0 0 1px var(--amber-glow);border-radius:16px;flex-direction:column;align-items:center;padding:32px 40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards landing-fade-up;display:flex}.tutorial-prompt h2{color:var(--text-hi);margin-bottom:15px;font-size:20px;font-weight:600}.tutorial-prompt-desc{color:var(--text-lo);margin-bottom:23px;font-size:14px;line-height:1.5}.tutorial-prompt-actions{gap:12px;width:100%;margin-bottom:4px;display:flex}.tutorial-prompt-btn{background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--r-md);color:var(--amber);font-size:14px;font-family:var(--font-ui);cursor:pointer;transition:all var(--ease);flex:1;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;display:flex}.tutorial-prompt-btn:hover{border-color:var(--amber);color:var(--amber-bright);background:#c8923f42;transform:translateY(-1px)}.tutorial-prompt-btn--outline{border-color:var(--border-md);color:var(--text-md);background:0 0}.tutorial-prompt-btn--outline:hover{background:var(--hover);border-color:var(--text-md);color:var(--text-hi)}.news-modal{text-align:left;flex-direction:column;align-items:stretch;gap:0;max-width:800px;padding:0;display:flex;overflow:hidden}.news-modal-layout{flex-direction:row;width:100%;height:500px;display:flex}.news-timeline{background:var(--black);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:150px;margin-right:-7px;display:flex}.news-timeline-list{flex-direction:column;flex:1;gap:6px;padding:15px 5px 15px 18px;display:flex;position:relative;overflow-y:auto}.news-timeline-list:before{content:"";background:var(--border-md);z-index:1;width:1px;position:absolute;top:15px;bottom:15px;left:22px}.timeline-item{z-index:2;cursor:pointer;text-align:left;opacity:.6;transition:opacity var(--ease), transform var(--ease);background:0 0;border:none;align-items:center;gap:12px;padding:8px 10px 8px 1px;display:flex;position:relative}.timeline-item:hover{opacity:.9}.timeline-item.is-active{opacity:1}.timeline-dot{background:var(--black);border:2px solid var(--text-lo);width:9px;height:9px;transition:border-color var(--ease), background var(--ease), box-shadow var(--ease);border-radius:50%;flex-shrink:0}.timeline-item.is-active .timeline-dot{border-color:var(--amber);background:var(--amber);box-shadow:0 0 10px var(--amber-glow)}.timeline-item.is-unread .timeline-dot{border-color:var(--green);background:var(--green);box-shadow:0 0 10px #4caf784d}.timeline-info{flex-direction:column;gap:2px;display:flex}.timeline-version{color:var(--text-hi);font-family:var(--font-mono);font-size:13px;font-weight:600}.timeline-date{color:var(--text-lo);font-family:var(--font-ui);font-size:11px}.news-content{background:var(--surface);flex-direction:column;flex:1;gap:24px;padding:32px 45px 32px 40px;display:flex;overflow-y:auto}.news-content-header{flex-direction:column;gap:6px;display:flex}.news-content-title{color:var(--text-hi);letter-spacing:-.5px;font-size:24px;font-weight:600}.news-content-summary{color:var(--text-md);font-size:14px;line-height:1.6}.news-category{flex-direction:column;gap:10px;display:flex}.news-cat-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px dashed var(--border-md);padding-bottom:6px;font-size:12px;font-weight:600}.news-cat-added{color:var(--green)}.news-cat-improved{color:var(--amber)}.news-cat-fixed{color:var(--red)}.news-category ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.news-category li{color:var(--text-md);padding-left:4px;font-size:13px;line-height:1.5}.news-category li::marker{color:var(--text-lo)}.news-btn .unsaved-dot{background:var(--text-lo);margin:0;top:17px;left:calc(50% + 115px);transform:none}.layout--compact .news-btn .unsaved-dot{background:var(--text-lo);top:6px;left:calc(50% + 154px)}.layout--sidebar-right .news-btn .unsaved-dot{left:calc(50% - 121px)}.layout--sidebar-right.layout--compact .news-btn .unsaved-dot{left:auto;right:calc(50% + 154px)}.news-timeline-list,.news-content{scrollbar-width:thin;scrollbar-color:var(--border-md) transparent;scrollbar-gutter:stable}.news-timeline-list::-webkit-scrollbar{width:6px}.news-content::-webkit-scrollbar{width:6px}.news-timeline-list::-webkit-scrollbar-track{background:0 0}.news-content::-webkit-scrollbar-track{background:0 0}.news-timeline-list::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}.news-content::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}.news-timeline-list::-webkit-scrollbar-thumb:hover{background:var(--text-lo)}.news-content::-webkit-scrollbar-thumb:hover{background:var(--text-lo)}.boards-modal{max-width:1500px!important}.boards-modal-grid{grid-template-columns:repeat(3,1fr);gap:26px;width:100%;margin-top:-10px;margin-bottom:-3px;display:grid}.board-card{background:var(--black);border:1px solid var(--border);text-align:left;transition:transform var(--ease), border-color var(--ease), box-shadow var(--ease);cursor:pointer;border-radius:12px;flex-direction:column;padding:16px;display:flex}.board-card:not(.is-disabled):hover{border-color:var(--amber-border);box-shadow:0 8px 24px var(--amber-glow);transform:translateY(-2px)}.board-card.is-disabled{opacity:.5;cursor:not-allowed}.board-card-img-wrap{aspect-ratio:2.1;background:var(--surface);border:1px solid var(--border-md);border-radius:5px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.board-card-img{object-fit:contain;width:100%;height:100%;display:block}.board-card-title{color:var(--text-hi);margin-bottom:8px;font-size:16px;font-weight:600}.board-card-desc{color:var(--text-md);margin-bottom:-5px;font-size:13px;line-height:1.5}.blackout-overlay{-webkit-backdrop-filter:none!important;background-color:#000000d9!important}body.no-noise:after{background-image:none!important;display:none!important}:is(body.no-emoji-cursors,body.no-emoji-cursors :has(:focus-visible)){cursor:auto!important}body.no-emoji-cursors :has(:focus-visible) *{cursor:inherit!important}body.no-emoji-cursors a,body.no-emoji-cursors button,body.no-emoji-cursors .header-toggle-btn,body.no-emoji-cursors .tb-action-btn,body.no-emoji-cursors .error-retry,body.no-emoji-cursors .toggle-switch,body.no-emoji-cursors .menu-tile,body.no-emoji-cursors .back-btn,body.no-emoji-cursors .card-item,body.no-emoji-cursors .search-clear,body.no-emoji-cursors .tab{cursor:pointer!important}body.no-emoji-cursors .tb-action-btn:disabled,body.no-emoji-cursors .tab:disabled{cursor:not-allowed!important}body.no-emoji-cursors input,body.no-emoji-cursors textarea{cursor:text!important}body.no-emoji-cursors input[type=color]{cursor:pointer!important}body.no-emoji-cursors .slider-input{cursor:grab!important}body.no-emoji-cursors .slider-input:active{cursor:grabbing!important}body.no-emoji-cursors .floating-preview-box{cursor:grab!important}body.no-emoji-cursors .floating-preview-box:active{cursor:grabbing!important}body.no-emoji-cursors .floating-preview-box,body.no-emoji-cursors .custom-select,body.no-emoji-cursors .tutorial-img{-webkit-user-select:none!important;user-select:none!important}.editor-page-wrapper :focus-visible{outline-offset:-3px!important;outline-width:2px!important}