:root{--bg:#111318;--panel:#171a21;--panel-2:#1d2129;--panel-3:#242934;--border:#2a303b;--border-strong:#3a4150;--text:#e8e5de;--muted:#a0a6b2;--faint:#6f7684;--accent:#e0573f;--accent-hover:#ec6b52;--accent-soft:#e0573f24;--gold:#e8b04a;--jade:#4fae8e;--danger:#ef5b5b;--warn:#e8b04a;--radius:8px;--radius-sm:6px;--font:"Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", "Cascadia Code", Consolas, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--gold);outline-offset:1px}code,kbd{font-family:var(--mono);font-size:.92em}kbd{background:var(--panel-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:0 5px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.resizing-x,body.resizing-x *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}body.resizing-y,body.resizing-y *{-webkit-user-select:none;user-select:none;cursor:row-resize!important}.app{grid-template-rows:48px minmax(0,1fr) 24px;min-width:960px;height:100vh;display:grid}.workspace{min-height:0;display:flex}.center{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.center-top{flex:1;min-height:0;display:flex}.editor-area{width:var(--editor-width);flex-direction:column;min-width:260px;min-height:0;display:flex}.viewport-area{flex:1;min-width:300px;min-height:0;position:relative}.resizer{background:var(--border);z-index:5;flex:none;transition:background .15s;position:relative}.resizer:hover{background:var(--accent)}.resizer-horizontal{cursor:col-resize;width:4px}.resizer-vertical{cursor:row-resize;height:4px}.toolbar{border-bottom:1px solid var(--border);background:linear-gradient(#1a1d25,#15181e);align-items:center;gap:6px;min-width:0;padding:0 10px;display:flex}.toolbar-brand{align-items:center;gap:8px;padding-right:6px;display:flex}.brand-name{letter-spacing:.02em;background:linear-gradient(90deg, #f3d9a4, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700}.project-name{border-left:1px solid var(--border);border-right:1px solid var(--border);align-items:center;gap:8px;min-width:0;max-width:300px;height:28px;padding:0 10px;display:flex}.project-name-button{border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;max-width:190px;padding:2px 6px;font-weight:600;overflow:hidden}.project-name-button:hover{border-color:var(--border-strong);background:var(--panel-2)}.project-name-input{background:var(--panel-2);border:1px solid var(--gold);border-radius:var(--radius-sm);width:190px;padding:2px 6px}.save-indicator{white-space:nowrap;color:var(--faint);font-size:11px}.save-indicator.dirty{color:var(--gold)}.toolbar-group{border-right:1px solid var(--border);align-items:center;gap:2px;padding:0 4px;display:flex}.toolbar-group:last-child{border-right:none}.toolbar-spacer{flex:1}.tool-button{border-radius:var(--radius-sm);height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.tool-button:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.tool-button.primary{background:var(--accent);color:#fff;padding:0 14px;font-weight:600}.tool-button.primary:hover:not(:disabled){background:var(--accent-hover)}.tool-button.primary:disabled{opacity:.75}.tool-button.danger:not(:disabled){color:var(--danger)}.run-group{gap:4px}@media (max-width:1380px){.toolbar .tool-label{display:none}.toolbar .tool-button.primary .tool-label{display:inline}}.sidebar{background:var(--panel);flex-direction:column;flex:none;min-height:0;display:flex}.left-sidebar{border-right:1px solid var(--border);width:268px}.right-sidebar{border-left:1px solid var(--border);width:300px}.sidebar-scroll{flex:1;min-height:0;padding:6px 10px 16px;overflow-y:auto}.tabs{border-bottom:1px solid var(--border);flex:none;align-items:stretch;gap:2px;height:36px;padding:0 6px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs-spacer{flex:1}.badge{background:var(--danger);color:#fff;border-radius:9px;padding:0 6px;font-size:10px;font-weight:700}.panel-title{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font-weight:600;display:flex}.search-box{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border);height:30px;color:var(--faint);align-items:center;gap:6px;margin:10px 10px 4px;padding:0 8px;display:flex}.search-box:focus-within{border-color:var(--gold)}.search-box input{background:0 0;border:none;outline:none;flex:1;min-width:0}.search-box.compact{height:28px;margin:0 0 8px}.group-header{width:100%;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:6px;padding:10px 2px 6px;font-size:11px;font-weight:700;display:flex}.group-header .count{color:var(--faint);margin-left:auto;font-weight:500}.asset-list,.example-list,.outliner-list,.project-list{margin:0;padding:0;list-style:none}.asset-item{border:1px solid var(--border);background:var(--panel-2);border-radius:var(--radius);margin-bottom:6px;padding:8px 9px;transition:border-color .15s}.asset-item:hover{border-color:var(--border-strong)}.asset-title{justify-content:space-between;align-items:baseline;gap:6px;font-weight:600;display:flex}.asset-title code{color:var(--gold);font-size:11px;font-weight:400}.asset-desc{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 7px;font-size:12px;display:-webkit-box;overflow:hidden}.asset-actions{gap:6px;display:flex}.chip-button{border:1px solid var(--border-strong);background:var(--panel-3);height:24px;color:var(--text);border-radius:12px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.chip-button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.sidebar-hint,.inspector-hint,.empty-note{color:var(--faint);font-size:12px}.example-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg, var(--panel-2), #1b1e26);flex-direction:column;gap:3px;width:100%;margin-bottom:8px;padding:10px 11px;display:flex}.example-card:hover{border-color:var(--accent);background:linear-gradient(135deg,#2a2224,#1d2028)}.example-title{font-weight:600}.example-desc{color:var(--muted);font-size:12px}.editor-panel{background:#171a21;flex-direction:column;height:100%;min-height:0;display:flex}.panel-header{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;height:36px;padding:0 8px 0 0;display:flex}.file-tab{border-right:1px solid var(--border);border-top:2px solid var(--accent);height:100%;font-family:var(--mono);background:#171a21;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:flex}.dirty-dot{background:var(--gold);border-radius:50%;width:8px;height:8px}.editor-meta{color:var(--faint);font-size:11px}.editor-actions{gap:6px;margin-left:auto;display:flex}.run-button,.stop-button{border-radius:var(--radius-sm);align-items:center;gap:5px;height:26px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.run-button{background:var(--jade);color:#0b1d16;border:none}.run-button:hover:not(:disabled){background:#5fc29f}.stop-button{border:1px solid var(--border-strong);color:var(--danger);background:0 0}.editor-host{flex:1;min-height:0;position:relative}.editor-loading{height:100%;color:var(--faint);text-align:center;place-items:center;padding:20px;display:grid}.viewport{background:radial-gradient(circle at 50% 30%,#2a2f3a,#121419);position:absolute;inset:0;overflow:hidden}.viewport-canvas-host{outline:none;position:absolute;inset:0}.viewport-canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.viewport-toolbar{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111318b8;border:1px solid #ffffff14;gap:2px;padding:3px;display:flex;position:absolute;top:10px}.viewport-toolbar.left{left:10px}.viewport-toolbar.right{right:10px}.vp-button{border-radius:var(--radius-sm);width:30px;height:28px;color:var(--muted);background:0 0;border:none;place-items:center;display:grid}.vp-button:hover{color:var(--text);background:#ffffff14}.vp-button.active{color:#111;background:var(--gold)}.viewport-hint{color:#ffffff8c;text-shadow:0 1px 2px #0009;pointer-events:none;font-size:11px;position:absolute;bottom:8px;right:10px}.running-pill{border:1px solid var(--border-strong);background:#111318d9;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.empty-state{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111318d1;border:1px solid #ffffff1a;border-radius:12px;width:min(440px,85%);padding:22px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state h2{margin:0 0 8px;font-size:17px}.empty-state p{color:var(--muted);margin:0 0 12px}.empty-state code{background:var(--panel-2);border-radius:var(--radius-sm);color:var(--gold);padding:6px 10px;display:inline-block}.viewport-error{text-align:center;color:var(--muted);place-content:center;padding:30px;display:grid;position:absolute;inset:0}.bottom-panel{height:var(--bottom-height);background:var(--panel);flex-direction:column;flex:none;min-height:0;display:flex}.bottom-tabs{align-items:center;padding-right:6px}.bottom-tabs button[role=tab]{height:100%}.duration{color:var(--muted);font-size:11px;font-family:var(--mono);margin-right:8px}.bottom-content{flex:1;min-height:0;overflow:auto}.console-list{font-family:var(--mono);padding:4px 0;font-size:12px}.console-empty{margin:0;padding:10px 14px}.log-entry{border-bottom:1px solid #ffffff08;align-items:baseline;gap:8px;padding:3px 14px;display:flex}.log-entry:hover{background:#ffffff05}.log-icon{flex:none;position:relative;top:2px}.log-time{color:var(--faint);flex:none}.log-message{white-space:pre-wrap;word-break:break-word;flex:1}.log-info .log-icon{color:#7aa7e8}.log-success .log-icon,.log-success .log-message{color:var(--jade)}.log-warn{background:#e8b04a0f}.log-warn .log-icon,.log-warn .log-message{color:var(--warn)}.log-error{background:#ef5b5b14}.log-error .log-icon,.log-error .log-message{color:#ff8a8a}.problem-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);flex:none;font-size:10px}.log-line{flex:none}.reference{flex-direction:column;height:100%;display:flex}.reference-head{align-items:center;gap:14px;padding:8px 14px 0;display:flex}.reference-head .search-box{width:280px}.reference-note{color:var(--faint);font-size:12px}.reference-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px;padding:4px 14px 14px;display:grid}.reference-entry{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);padding:8px 10px}.reference-entry p{color:var(--muted);margin:4px 0;font-size:12px}.reference-sig{justify-content:space-between;gap:8px;display:flex}.reference-sig code{color:var(--gold)}.reference-group{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:10px}.reference-example{color:#9ccf8f;white-space:nowrap;font-size:11px;display:block;overflow-x:auto}.inspector-body{flex-direction:column;gap:4px;display:flex}.inspector-header{align-items:center;gap:8px;padding-top:6px;display:flex}.object-name-input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;min-width:0;padding:5px 8px;font-weight:600}.object-name-input:focus{border-color:var(--gold);outline:none}.kind-badge{background:var(--accent-soft);color:#f2a08f;white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:11px}.inspector-section{border-top:1px solid var(--border);padding:10px 0 6px}.inspector-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.section-label,.field-label{color:var(--muted);font-size:12px}.vec3-field{margin-bottom:8px}.vec3-inputs{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:3px;display:grid}.number-field{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.number-field:focus-within{border-color:var(--gold)}.number-field .field-label{color:var(--faint);border-right:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:50%;padding:0 6px;font-size:11px;overflow:hidden}.vec3-inputs .number-field:first-child .field-label{color:#ef7b6b}.vec3-inputs .number-field:nth-child(2) .field-label{color:#7fcf8f}.vec3-inputs .number-field:nth-child(3) .field-label{color:#7aa7e8}.number-field input{width:100%;min-width:0;font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;padding:4px 6px;font-size:12px}.param-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.check-field{color:var(--muted);align-items:center;gap:6px;display:flex}.select-field{flex-direction:column;gap:2px;display:flex}.select-field select,.form-grid select,.form-grid input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 7px}.color-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.color-row .field-label{width:64px}input[type=color]{border:1px solid var(--border-strong);background:0 0;border-radius:4px;width:34px;height:24px;padding:0}.color-row code{color:var(--muted)}.slider-field{grid-template-columns:64px 1fr 40px;align-items:center;gap:8px;margin-bottom:4px;display:grid}.slider-field.wide{grid-template-columns:80px 1fr 56px}.slider-field input[type=range]{accent-color:var(--accent);width:100%}.slider-value{font-family:var(--mono);color:var(--muted);text-align:right;font-size:11px}.inspector-actions{flex-wrap:wrap;gap:6px;display:flex}.secondary-button,.primary-button,.danger-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;height:30px;padding:0 12px;font-weight:500;display:inline-flex}.secondary-button{background:var(--panel-3);border:1px solid var(--border-strong)}.secondary-button:hover:not(:disabled){border-color:var(--muted)}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;font-weight:600}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.danger-button{color:var(--danger);background:0 0;border:1px solid #ef5b5b80}.danger-button:hover:not(:disabled),.danger-button.solid{background:var(--danger);color:#fff}.link-button{color:var(--gold);background:0 0;border:none;align-items:center;gap:3px;padding:0;display:inline-flex}.link-button:hover:not(:disabled){text-decoration:underline}.icon-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-button:hover{background:var(--panel-3);color:var(--text)}.icon-button.danger:hover{color:var(--danger)}.icon-button.small{width:22px;height:22px}.segmented{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented button{border-radius:var(--radius-sm);height:28px;color:var(--muted);text-transform:capitalize;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;display:inline-flex}.segmented button.active{background:var(--panel-3);color:var(--gold);box-shadow:inset 0 0 0 1px var(--border-strong)}.stats{grid-template-columns:1fr auto;gap:3px 10px;margin:0 0 8px;display:grid}.stats dt{color:var(--muted)}.stats dd{font-family:var(--mono);margin:0;font-size:12px}.meter{background:var(--panel-3);border-radius:3px;height:5px;overflow:hidden}.meter div{background:linear-gradient(90deg, var(--jade), var(--gold), var(--accent));height:100%}.outliner-list li button{text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;gap:8px;width:100%;padding:4px 6px;display:flex}.outliner-list li button:hover{background:var(--panel-2)}.outliner-list li button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outliner-list li button code{color:var(--faint);font-size:11px}.outliner-list .hidden-object{opacity:.5}.statusbar{border-top:1px solid var(--border);color:var(--faint);white-space:nowrap;background:#0e1014;align-items:center;gap:16px;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.status-spacer{flex:1}.status-item{align-items:center;gap:5px;display:inline-flex}.status-run:before{content:"";background:var(--faint);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status-success:before{background:var(--jade)}.status-error:before{background:var(--danger)}.status-running:before{background:var(--gold);animation:1s ease-in-out infinite pulse}.status-stopped:before{background:var(--warn)}@keyframes pulse{50%{opacity:.3}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#05060999;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;max-width:100%;max-height:calc(100vh - 40px);display:flex;box-shadow:0 24px 60px #00000080}.modal-header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.modal-header h2{margin:0;font-size:16px}.modal-body{padding:4px 16px 12px;overflow-y:auto}.modal-body p{color:var(--muted)}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.dialog-warning{color:var(--warn)!important}.project-list li{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);align-items:center;gap:12px;margin-bottom:6px;padding:10px;display:flex}.project-list li.current{border-color:#e8b04a80}.project-info{flex-direction:column;flex:1;min-width:0;display:flex}.project-title{align-items:center;gap:6px;font-weight:600;display:flex}.project-meta{color:var(--faint);font-size:11px}.project-actions{align-items:center;gap:2px;display:flex}.project-rename-input{background:var(--panel);border:1px solid var(--gold);border-radius:var(--radius-sm);padding:3px 6px}.form-grid{flex-direction:column;gap:12px;display:flex}.form-grid label{flex-direction:column;gap:4px;display:flex}.settings-section{border-top:1px solid var(--border);padding:10px 0}.settings-section:first-child{border-top:none}.settings-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.toggle-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.toggle-row>div{flex-direction:column;display:flex}.toggle-label{font-weight:500}.toggle-hint{color:var(--faint);font-size:12px}.toggle-row input[type=checkbox]{appearance:none;background:var(--panel-3);border:1px solid var(--border-strong);border-radius:10px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.toggle-row input[type=checkbox]:after{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.toggle-row input[type=checkbox]:checked:after{background:#fff;transform:translate(14px)}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:420px;display:flex;position:fixed;bottom:34px;right:14px}.toast{background:var(--panel-2);border:1px solid var(--border-strong);border-left:3px solid var(--gold);border-radius:var(--radius);align-items:flex-start;gap:8px;padding:10px 10px 10px 12px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 10px 30px #0006}.toast span{flex:1}.toast svg{flex:none;margin-top:1px}.toast-success{border-left-color:var(--jade)}.toast-success>svg{color:var(--jade)}.toast-error{border-left-color:var(--danger)}.toast-error>svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1280px){.left-sidebar{width:232px}.right-sidebar{width:260px}}.mode-switch{background:var(--panel-2);border:1px solid var(--border);border-radius:20px;gap:2px;margin-right:6px;padding:3px;display:inline-flex}.mode-switch button{height:26px;color:var(--muted);background:0 0;border:none;border-radius:16px;padding:0 14px;font-size:12px;font-weight:600}.mode-switch button.active{background:var(--gold);color:#1b1408}.app.simple{grid-template-rows:56px minmax(0,1fr) auto;font-size:14px}.simple-toolbar .tool-button{height:36px;color:var(--text);padding:0 12px;font-size:14px}.simple-toolbar .tool-label{display:inline!important}.simple-toolbar .save-indicator{display:none}.simple-toolbar .project-name-button{font-size:15px}.simple-sidebar{width:300px}.big-tabs{grid-template-columns:1fr 1fr;gap:6px;padding:10px 10px 4px;display:grid}.big-tabs button{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);height:38px;color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.big-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.add-hint{color:var(--muted);margin:4px 2px 10px;font-size:13px}.tile-group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:14px 2px 8px;font-size:12px;font-weight:700}.tile-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{border:1px solid var(--border);background:linear-gradient(160deg, var(--panel-2), #1a1d25);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:10px 6px;transition:transform 80ms,border-color .12s;display:flex;position:relative}.tile:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.tile:active:not(:disabled){transform:scale(.97)}.tile-icon{font-size:32px;line-height:1}.tile-label{font-size:12.5px;font-weight:600;line-height:1.25}.tile-plus{color:var(--faint);position:absolute;top:6px;right:6px}.tile:hover:not(:disabled) .tile-plus{color:var(--accent)}.simple-editor-header{gap:10px;height:auto;min-height:56px;padding:8px 12px}.simple-editor-title{flex-direction:column;min-width:0;display:flex}.simple-editor-title strong{font-size:15px}.simple-editor-title span{color:var(--muted);font-size:12.5px}.run-button.big{border-radius:var(--radius);height:38px;margin-left:auto;padding:0 20px;font-size:15px}.empty-emoji{margin-bottom:6px;font-size:44px}.app.simple .empty-state h2{font-size:20px}.app.simple .empty-state p{font-size:14px}.app.simple .viewport-hint{color:#ffffffbf;font-size:13px}.feedback-bar{background:var(--panel);border-top:1px solid var(--border);align-items:center;gap:12px;min-height:52px;padding:8px 14px;display:flex}.feedback{flex:1;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.feedback-ok svg{color:var(--jade);flex:none}.feedback-running svg{color:var(--gold)}.feedback-error{border-radius:var(--radius);background:#ef5b5b1a;border:1px solid #ef5b5b73;padding:8px 12px}.feedback-error>svg{color:var(--danger);flex:none}.feedback-text{flex-direction:column;flex:1;min-width:0;display:flex}.feedback-text span{color:var(--muted);font-size:13px}.feedback .primary-button,.feedback .secondary-button{border-radius:var(--radius-sm);flex:none;align-items:center;gap:6px;height:32px;padding:0 14px;display:inline-flex}.feedback-emoji{font-size:20px}.feedback-saved{color:var(--faint);white-space:nowrap;font-size:12.5px}.welcome-lead{margin:0 0 14px;font-size:15px}.welcome-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.welcome-steps li{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.welcome-steps strong{font-size:15px}.welcome-steps p{color:var(--muted);margin:3px 0 0}.welcome-icon{font-size:30px;line-height:1}.welcome-note{color:var(--faint);margin:14px 0 0;font-size:12.5px}.primary-button.big{border-radius:var(--radius);height:40px;padding:0 24px;font-size:15px}.simple-mode-button{border:1px solid var(--gold);height:30px;color:var(--gold);white-space:nowrap;background:#e8b04a1f;border-radius:16px;align-items:center;gap:6px;margin-right:6px;padding:0 12px;font-weight:600;display:inline-flex}.simple-mode-button:hover{background:var(--gold);color:#1b1408}.walk-button{border-radius:var(--radius-sm);background:var(--jade);color:#0b1d16;white-space:nowrap;border:none;align-items:center;gap:6px;height:28px;margin-right:4px;padding:0 12px;font-weight:600;display:inline-flex}.walk-button:hover:not(:disabled){background:#5fc29f}.walk-button.active{background:var(--accent);color:#fff}.walk-crosshair{pointer-events:none;filter:drop-shadow(0 0 2px #000c);background:linear-gradient(#ffffffd9,#ffffffd9) 50%/2px 100% no-repeat,linear-gradient(#ffffffd9,#ffffffd9) 50%/100% 2px no-repeat;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.walk-help{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;pointer-events:none;background:#111318cc;border:1px solid #ffffff1a;border-radius:20px;gap:16px;padding:8px 16px;font-size:13px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.walk-help kbd{text-align:center;border:1px solid var(--border-strong);background:var(--panel-3);border-radius:4px;min-width:20px;margin-right:2px;padding:1px 5px;font-size:11.5px;display:inline-block}.feedback-selected>svg{color:var(--gold);flex:none}.feedback .danger-text{color:var(--danger)}.ai-panel{flex-direction:column;gap:14px;display:flex}.ai-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ai-steps li{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.ai-step-icon{font-size:22px}.ai-copy-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ai-copy-row .primary-button{align-items:center;gap:8px;display:inline-flex}.ai-copy-failed{color:var(--warn);font-size:13px}.ai-prompt-text{resize:vertical;border-radius:var(--radius);border:1px solid var(--border);width:100%;height:300px;color:var(--muted);font-family:var(--mono);background:#12141a;padding:10px 12px;font-size:12px;line-height:1.5}a.secondary-button.link-like{align-items:center;gap:6px;margin-right:auto;text-decoration:none;display:inline-flex}body.ai-page-body{overflow:auto}.ai-page{max-width:820px;margin:0 auto;padding:32px 16px 48px;font-size:14px}.ai-page-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ai-page-header h1{margin:0 0 6px;font-size:24px}.ai-page-header p{color:var(--muted);margin:0;font-size:15px}.ai-page .ai-prompt-text{height:420px}.ai-page-back a{color:var(--gold)}.viewport:fullscreen{background:#000;width:100vw;height:100vh}.viewport:fullscreen .walk-help{padding:10px 20px;font-size:15px;bottom:24px}