:root{--ink:#0f1222;--bar:#151a2e;--surface:#181c30f0;--checker:repeating-conic-gradient(#8a8a8a 0% 25%, #cfcfcf 0% 50%);--surface-2:#ffffff0f;--surface-3:#ffffff1a;--line:#ffffff14;--text:#eceaf6;--muted:#9097b3;--accent:#7b6cf6;--accent-hi:color-mix(in srgb, var(--accent), #fff 22%);--accent-soft:color-mix(in srgb, var(--accent) 22%, transparent);--card:#fff;--card-text:#1d1b33;--card-muted:#7d7a97;--card-line:#ecebf5;--ok:#1f9d61;--ok-dark:#6fd8a0;--warn:#b5650f;--warn-dark:#f2a65a;--danger:#ef6f6c;--font-ui:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-console:"Press Start 2P", ui-monospace, monospace;--font-data:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:16px;--shadow:0 12px 36px #0a082859;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--option-bg:#1b2030;font-family:var(--font-ui);color:var(--text);background:var(--ink);font-size:13px}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:clip}body{background:var(--ink);color:var(--text)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}input,select{font:inherit;color:var(--text);border:1px solid var(--line);background:#00000040;border-radius:7px;min-width:0;padding:3px 6px}input:focus,select:focus{border-color:var(--accent);outline:none}kbd{font-family:var(--font-data);color:var(--muted);font-size:10px}code{font-family:var(--font-data);font-size:11px}.muted{color:var(--muted)}.grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dock,.dock-panel,.tray,.tray-chip,.drawer,.menu-pop,.scope-toggle{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:var(--radius)}.editor{grid-template-rows:50px 1fr;grid-template-columns:minmax(0,1fr);width:100%;height:100%;display:grid;overflow:clip}.stage{min-height:0;position:relative;overflow:clip;container:stage/inline-size}.viewport{background:var(--ink);position:absolute;inset:0}.viewport canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.topbar{background:var(--bar);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;padding:0 16px;display:grid;position:relative}.topbar-left,.topbar-right{align-items:center;gap:6px;display:flex}.topbar-left{grid-column:1}.topbar>.play-btn{grid-column:2;position:static;transform:none}.topbar-right{grid-column:3;justify-self:end}.project-btn .grow{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}@media (width<=1100px){.wordmark>span:not(.wordmark-mark){display:none}.wordmark{margin-right:6px}.icon-group{margin-left:6px}.scene-btn{gap:8px;min-width:110px}.project-btn .grow{max-width:110px}}.wordmark{letter-spacing:.01em;align-items:center;gap:9px;margin-right:18px;font-size:17px;font-weight:800;display:flex}.wordmark-mark{background:conic-gradient(from 200deg,#6a5cf0,#b18cff,#5aa7ff,#6a5cf0);border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 5px #151a2e8c}.scene-btn{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-width:120px;height:28px;padding:0 8px 0 11px;font-size:12px;font-weight:600;display:flex}.scene-btn:hover{background:var(--surface-3)}.icon-group{gap:4px;margin-left:18px;display:flex}.icon-btn{width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:10px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.icon-btn:disabled{opacity:.35}.spark-btn{color:var(--accent-hi);font-size:18px}.spark-btn.active,.spark-btn:hover{color:#c3baff!important;background:var(--accent-soft)!important}.dirty-dot{background:var(--accent-hi);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.play-btn{color:#fff;background:var(--accent);height:30px;box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 45%, transparent);border:none;border-radius:99px;align-items:center;gap:7px;padding:0 18px;font-size:12.5px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.play-btn:disabled{color:#ffffff8c;background:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:none}.popover-anchor{position:relative}.menu-pop{z-index:30;min-width:220px;padding:6px;animation:.12s ease-out pop-in;position:absolute;top:calc(100% + 10px);left:0}.menu-pop.right{left:auto;right:0}.menu-row{text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.menu-row:hover{background:var(--surface-2)}.menu-row.current{color:var(--accent-hi)}.menu-row .check{width:12px;color:var(--accent-hi)}.menu-sep{background:var(--line);height:1px;margin:5px 6px}.context-layer{pointer-events:none;z-index:10;position:absolute;inset:0}.connector{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connector line{stroke:#fff;stroke-width:1.5px;opacity:.85;filter:drop-shadow(0 1px 2px #14103c80)}.connector circle{fill:#fff;stroke:var(--accent);stroke-width:1.5px}.context-prompt{pointer-events:auto;width:290px;max-width:calc(100% - 24px);position:absolute;top:0;left:0}.context-prompt .prompt{animation:.14s ease-out pop-in}.prompt{color:var(--card-text);background:var(--card);box-shadow:0 14px 40px #14103c59, 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:18px;padding:5px 6px 5px 14px;transition:box-shadow .12s}.prompt:focus-within{box-shadow:0 14px 40px #14103c59, 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}.prompt.has-header{background:var(--surface);border:1px solid var(--line);padding:0}.prompt.has-header .prompt-header{color:var(--text);align-items:center;gap:8px;padding:8px 30px 6px 12px;font-size:12px;font-weight:700;display:flex}.prompt-header svg{color:#7fb6ff}.prompt-header .arrow{color:var(--accent-hi)}.prompt.has-header .prompt-field{background:var(--card);border-radius:12px;margin:0 8px 8px;padding:2px 4px 2px 10px}.prompt.has-header .prompt-result{background:var(--card);border:none;border-radius:10px;margin:-2px 8px 8px;padding:6px 10px 8px}.prompt-field{align-items:center;gap:7px;display:flex}.prompt-field:not(.stacked) .prompt-line,.prompt-field:not(.stacked) .prompt-actions{display:contents}.prompt-field:not(.stacked) .prompt-close{order:2}.prompt-field.stacked{flex-direction:column;align-items:stretch;gap:2px}.prompt-field.stacked .prompt-line{align-items:flex-start;gap:7px;display:flex}.prompt-field.stacked .prompt-line .spark{padding-top:6px}.prompt-field.stacked .prompt-actions{justify-content:flex-end;align-items:center;gap:6px;padding-bottom:2px;display:flex}.spark{color:var(--accent);-webkit-user-select:none;user-select:none;font-size:13px}.is-working .spark{animation:1.4s linear infinite spin}.prompt textarea{resize:none;min-width:0;color:var(--card-text);font:13px/18px var(--font-ui);background:0 0;border:none;outline:none;flex:1;padding:6px 0}.prompt textarea::placeholder{color:var(--card-muted)}.is-working textarea::placeholder{color:var(--card-text);opacity:.6}.prompt{position:relative}.prompt-close{z-index:1;background:var(--card);width:18px;height:18px;color:var(--card-muted);box-shadow:0 2px 8px #14103c59, 0 0 0 1px var(--card-line);border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-7px;right:-7px}.prompt-close:hover{color:var(--card-text);background:var(--card-line)}.prompt-close svg{width:8px;height:8px}.prompt.has-header .prompt-close{box-shadow:none;color:var(--muted);background:0 0;top:6px;right:7px}.prompt.has-header .prompt-close:hover{color:var(--text);background:var(--surface-3)}.prompt-icon{width:24px;height:24px;color:var(--card-muted);--surface:var(--card);background:0 0;border:none;border-radius:8px;flex:none;place-items:center;display:grid}.prompt-icon:hover{background:var(--card-line);color:var(--card-text)}.prompt-icon.ai-picker{width:auto;font:600 11px var(--font-ui);white-space:nowrap;grid-auto-flow:column;gap:4px;padding:0 6px}.prompt-icon.ai-picker[aria-expanded=true]{background:var(--card-line);color:var(--card-text)}.ai-picker-menu{background:var(--bar);-webkit-backdrop-filter:none;backdrop-filter:none;min-width:250px;max-height:min(70vh,520px);overflow:auto}.ai-picker-menu .menu-head{font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px 4px}.ai-picker-menu .menu-row{font:13px var(--font-ui);color:inherit}.ai-picker-menu .menu-row .grow{flex:1}.ai-picker-menu .menu-row.link{color:var(--accent-hi)}.ai-picker-menu .menu-sep{background:var(--line);height:1px;margin:6px 4px}.ai-picker-note{margin:4px 10px 2px}.send-btn{color:#fff;background:var(--accent);border:none;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;transition:transform .12s,opacity .12s;display:grid}.send-btn:hover:not(:disabled){transform:scale(1.06)}.send-btn:disabled{opacity:.35}.prompt-progress{background:linear-gradient(90deg, transparent, var(--accent), transparent) 0 0 / 40% 100% no-repeat;border-radius:2px;height:2px;margin:0 8px 4px 0;animation:1.1s ease-in-out infinite sweep}.prompt-result{border-top:1px solid var(--card-line);color:var(--card-text);margin:0 8px 6px 0;padding-top:6px;font-size:12px}.result-head{justify-content:space-between;align-items:center;display:flex}.ok{color:var(--ok);font-weight:700}.result-message{margin:0 0 6px;line-height:1.45}.note .result-message{margin:0}.note.warn .result-message{color:var(--warn)}.changes{color:var(--card-muted);gap:2px;margin:3px 0 0;padding:0;line-height:1.35;list-style:none;display:grid}.changes li:before{content:"·";color:var(--accent);margin-right:7px;font-weight:700}.changes.proposed li{color:var(--card-text)}.changes.proposed li:before{content:"+"}.changes .more{font-style:italic}.more-btn{color:var(--accent);font:italic 600 12px var(--font-ui);text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.more-btn:hover{color:var(--accent-hi)}.result-backdrop{z-index:60;position:fixed}.result-dialog{grid-template-rows:auto auto minmax(0,1fr);width:min(600px,100% - 32px);max-height:calc(100vh - 80px)}.result-dialog:focus{outline:none}.result-dialog-title{align-items:center;gap:8px;font-weight:700;display:flex}.result-dialog-request{color:var(--text);margin:0;font-size:12.5px;line-height:1.4}.result-dialog-body{background:var(--card);border-radius:12px;min-height:0;overflow:auto}.result-dialog-body .prompt-result{border:none;margin:0;padding:12px 14px;font-size:13px}.result-dialog-body .changes{gap:4px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:7px 16px;font-weight:700}.btn-primary:hover{background:var(--accent-hi)}.btn-secondary{border:1px solid var(--accent);color:var(--accent);background:0 0;border-radius:10px;padding:6px 14px;font-weight:700}.btn-secondary:hover{background:var(--accent-soft)}.text-btn{color:var(--card-muted);background:0 0;border:none;border-radius:6px;padding:2px 4px}.text-btn:hover{color:var(--card-text)}.icon-text-btn{width:24px;height:22px;color:var(--card-muted);background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid}.icon-text-btn:hover{color:var(--card-text);background:var(--card-line)}.global-prompt{z-index:15;gap:8px;width:min(560px,100% - 32px);margin:0 auto;animation:.14s ease-out pop-in;display:grid;position:absolute;top:14px;left:0;right:0}.scope-toggle{border-radius:12px;justify-self:center;padding:3px;display:flex}.scope-toggle button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.scope-toggle button.on{background:var(--accent-soft);color:#d4ceff}.dock-wrap{z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(720px,100% - 32px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dock-wrap>*{pointer-events:auto}.dock{gap:4px;padding:4px;display:flex}.dock-btn{height:32px;color:var(--text);background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:600;display:flex}.dock-btn:hover,.dock-btn.on{background:var(--surface-2)}.dock-btn.primary{background:var(--accent);color:#fff}.dock-btn.primary:hover,.dock-btn.primary.on{background:var(--accent-hi)}.dock-panel{width:100%;max-height:min(52vh,440px);animation:.15s ease-out rise-in;overflow:auto}.dock-panel.create{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0;overflow:visible}.dock-panel.create .prompt{padding:6px 8px 6px 16px}.dock-panel.create .created .panel-hint{color:var(--card-muted)}.dock-panel.create .tile{color:var(--card-text);background:#f3f2fa}.dock-panel.objects{grid-template-rows:auto 1fr;grid-template-columns:150px 1fr;display:grid}.dock-panel.objects.groups-hidden{grid-template-columns:1fr}.groups-toggle{color:var(--muted);background:0 0;border:none;border-radius:8px;grid-column:1/-1;justify-self:start;align-items:center;gap:6px;margin:8px 8px 0;padding:3px 9px;font-size:11.5px;font-weight:600;display:flex}.groups-toggle:hover{color:var(--text);background:var(--surface-2)}.category-list[hidden]{display:none}.category-list{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 8px;display:flex}.category{color:var(--muted);text-align:left;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;padding:7px 10px;font-weight:600;display:flex}.category:hover{color:var(--text);background:var(--surface-2)}.category.on{color:#fff;background:var(--accent-soft)}.category .n{font-family:var(--font-data);opacity:.6;font-size:11px}.objects-main{min-width:0;padding:12px}.tiles{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.tile{background:var(--surface-2);cursor:pointer;border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;display:flex}.tile:hover{border-color:color-mix(in srgb, var(--accent-hi) 50%, transparent)}.tile.armed{border-color:var(--accent-hi);background:var(--accent-soft)}.thumb{background:#8ecdf22e;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.panel-hint{color:var(--muted);margin:10px 2px 0;font-size:11.5px}.created{gap:8px;margin-top:10px;display:grid}.created .panel-hint{margin:0}.tray-chips{z-index:15;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.tray-chip{height:34px;color:var(--text);border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:600;display:flex}.tray-chip:hover{background:#222742f5}.spark-mini{color:var(--accent-hi)}.count{font-family:var(--font-data);color:var(--muted);font-size:11px}.error-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;margin-left:4px;display:inline-block}.tray{z-index:16;flex-direction:column;width:min(440px,100% - 32px);height:min(320px,50%);animation:.15s ease-out rise-in;display:flex;position:absolute;bottom:16px;right:16px}.tray-head{justify-content:space-between;align-items:center;padding:6px 6px 0 8px;display:flex}.tabs{gap:2px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:9px;padding:7px 12px;font-weight:600}.tabs button.on{color:var(--text);background:var(--surface-2)}.tray-body{flex:1;padding:8px 12px 12px;overflow:auto}.tray .text-btn,.drawer .text-btn{color:var(--muted)}.history{gap:2px;margin:0;padding:0;list-style:none;display:grid}.history-row{text-align:left;background:0 0;border:none;border-radius:7px;align-items:baseline;gap:10px;width:100%;padding:6px;display:flex}button.history-row:hover{background:var(--surface-2)}.history .time,.log-line .time{font-family:var(--font-data);color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.history li.ai .grow{color:#c9c1ff}.history li.undone{opacity:.4}.as-new{color:var(--card-muted);margin:6px 0 0;font-size:11.5px;line-height:1.4}.link-btn{color:var(--accent);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--accent-hi)}.history .changes{color:var(--muted);margin:2px 0 6px 58px}.console{font-family:var(--font-data);justify-items:start;gap:2px;font-size:11.5px;display:grid}.log-line{gap:10px;display:flex}.log-line.warn{color:var(--warn-dark)}.log-line.error{color:var(--danger)}.warn-count{color:var(--warn-dark);margin-left:4px;font-weight:700}.debug{gap:12px;font-size:12px;display:grid}.debug-head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px;font-size:11px;font-weight:700}.debug-head .muted{text-transform:none;letter-spacing:0;font-weight:500}.problems,.play-log{gap:2px;margin:0;padding:0;list-style:none;display:grid}.problem{border-radius:7px;grid-template-columns:12px minmax(0,1fr);align-items:baseline;gap:2px 8px;padding:4px 6px;line-height:1.35;display:grid}.problem .grow{white-space:normal;overflow-wrap:anywhere;min-width:0}.problem:hover{background:var(--surface-2)}.problem-mark{text-align:center;flex:none;width:12px;font-size:10px}.problem.error .problem-mark{color:var(--danger)}.problem.warning .problem-mark{color:var(--warn-dark)}.problem.note{color:var(--muted)}.problem-actions{grid-column:2;gap:12px;display:flex}.problem-actions .text-btn{white-space:nowrap;padding:0;font-size:11.5px}.tray .problem-actions .text-btn.ai{color:var(--accent-hi)}.fix-note{color:var(--warn-dark);font-size:11.5px}.ask-row{flex-wrap:wrap;gap:6px;margin:2px 0 8px;display:flex}.ask-chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:3px 10px;font-size:11.5px}.ask-chip:hover{border-color:var(--accent-hi)}.play-log .history-row{padding:2px 6px}.play-log .grow{white-space:normal;overflow-wrap:anywhere;min-width:0}.play-event.died .grow,.play-event.script_error .grow{color:var(--danger)}.play-event.damaged .grow,.play-event.locked .grow,.play-event.respawned .grow{color:var(--warn-dark)}.play-log .time{font-family:var(--font-data);color:var(--muted);font-variant-numeric:tabular-nums;min-width:44px;font-size:11px}.check-row{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.drawer{z-index:18;flex-direction:column;width:min(340px,100% - 32px);animation:.16s ease-out slide-in;display:flex;position:absolute;top:16px;bottom:72px;right:16px}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 8px 8px 18px;display:flex}.drawer-title{font-size:15px;font-weight:600}.drawer-body{flex:1;padding:12px 12px 16px;overflow:auto}.inspector-head{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.inspector-head input{background:0 0;border-color:#0000;padding-left:2px;font-size:15px;font-weight:700}.inspector-head input:hover{border-color:var(--line)}.id{color:var(--muted);padding-left:3px}.instance-of{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.section{background:var(--surface-2);border-radius:12px;margin-bottom:8px}.section>header{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:8px 10px 3px;font-size:11px;font-weight:700;display:flex}.section-body{padding:2px 10px 8px}.row{grid-template-columns:104px 1fr;align-items:center;gap:6px;padding:2px 0;display:grid}.row-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.row.overridden .row-label{color:var(--accent-hi)}.override-dot{background:var(--accent-hi);border-radius:50%;flex:none;width:6px;height:6px}.row-value{align-items:center;gap:4px;min-width:0;display:flex}.row-value>input[type=text],.row-value>input.num,.row-value>select{flex:1;width:100%}input.num{font-family:var(--font-data);font-size:12px}.vec2{flex:1;align-items:center;gap:3px;min-width:0;display:flex}.vec2 label{color:var(--muted);font-size:11px}.vec2 input{flex:1;width:100%}.color-field{align-items:center;gap:6px;display:flex}input[type=color]{width:32px;height:22px;padding:0}.add-component{width:100%;margin-top:2px;padding:6px}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{background:#00000040;border-radius:8px;padding:0 7px;font-size:11px}button.small,button.danger{background:var(--surface-2);border:none;border-radius:8px;padding:3px 9px}button.danger{width:100%;color:var(--danger);margin-top:12px;padding:8px}button.link{color:var(--accent-hi);background:0 0;border:none;padding:0}.plain-list,.outline{margin:0 0 8px;padding-left:18px}.outline{gap:3px;padding-left:0;list-style:none;display:grid}.outline .link{color:var(--text)}.outline .link:hover{color:var(--accent-hi)}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{0%{background-position:-40% 0}to{background-position:140% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}}.tool-panel{z-index:15;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tool{width:34px;height:34px;color:var(--muted);background:0 0;border:none;border-radius:9px;place-items:center;display:grid}.tool:hover{color:var(--text);background:var(--surface-2)}.tool.on{color:#fff;background:var(--accent)}.tool.brush-pick{width:34px;height:30px}.tool.brush-pick .thumb{border-radius:6px;width:22px;height:22px}.tool svg{width:16px;height:16px}.tool-sep{background:var(--line);width:20px;height:1px;margin:3px 0}.zoom-bar{z-index:14;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:2px;padding:3px 6px 3px 3px;display:flex;position:absolute;bottom:16px;left:14px}.zoom-bar .tool{width:28px;height:28px}.zoom-bar input[type=range]{width:110px;accent-color:var(--accent)}.zoom-pct{min-width:44px;height:26px;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:7px;padding:0 4px;font-size:12px}.zoom-pct:hover{color:var(--text);background:var(--surface-2)}@media (width<=760px){.zoom-bar{display:none}}.background-panel{z-index:16;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);width:min(300px,100% - 96px);max-height:calc(100% - 100px);box-shadow:var(--shadow);border-radius:18px;gap:14px;padding:14px;animation:.14s ease-out pop-in;display:grid;position:absolute;top:16px;left:80px;overflow:auto}.bg-head{justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.bg-head>span{align-items:center;gap:8px;display:flex}.bg-head svg{color:#7fb6ff}.se-new-wrap{margin-right:8px;font-weight:400;position:relative}.sprite-editor>.bg-head{gap:16px}.se-new-menu{z-index:5;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.bg-section{gap:8px;min-width:0;display:grid}.background-panel{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.background-panel>*{min-width:0}.background-panel .prompt-chat{max-height:none;overflow-y:visible}.camera-panel{gap:10px;width:min(340px,100% - 96px)}.camera-panel .bg-head .muted{font-weight:500}.cam-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;font-size:13px;display:grid}.cam-grid>label{color:var(--muted);cursor:help;font-weight:600}.cam-grid select{width:100%;min-width:0}.cam-slider{align-items:center;gap:8px;min-width:0;display:flex}.cam-slider input[type=range]{flex:1;min-width:0}.cam-slider input:not([type=range]){width:56px}.cam-fixed{align-items:center;gap:6px;min-width:0;display:flex}.cam-left{justify-self:start}.save-check{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.save-check input{margin-top:3px}.cam-note{margin:0;font-size:11.5px;line-height:1.4}.bg-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:11px;font-weight:700;display:flex}.bg-label .muted{font-family:var(--font-data);letter-spacing:0;text-transform:none}.swatches{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.swatch-btn{aspect-ratio:1;cursor:pointer;border:2px solid #ffffff1f;border-radius:8px;min-width:0;padding:0;position:relative}.swatch-btn[aria-checked=true]{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.swatch-btn.custom{background:conic-gradient(#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#b06bff,#ff6b6b);overflow:hidden}.swatch-btn.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload{background:var(--surface-2);color:var(--text);border:1.5px dashed #fff3;border-radius:12px;padding:14px;font-weight:600}.upload:hover{border-color:var(--accent-hi)}.bg-image{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.bg-image img{object-fit:cover;width:100%;max-height:120px;image-rendering:pixelated;border-radius:10px}.bg-image-meta{gap:8px;min-width:0;font-size:12px;display:flex}.bg-image-meta .grow{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bg-image-actions{gap:6px;display:flex}.chip-btn{background:var(--surface-2);border:none;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600}.chip-btn:hover{background:var(--surface-3)}.segmented{background:#00000040;border-radius:10px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:5px;font-weight:600}.segmented button.on{color:#fff;background:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);background:0 0;border:none;padding:0}.bg-hint{color:var(--muted);font-size:11.5px}.bg-prompt .prompt{box-shadow:none}.context-menu{z-index:60;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);min-width:170px;box-shadow:var(--shadow);color:var(--text);font:13px var(--font-ui);border-radius:12px;padding:6px;animation:.1s ease-out pop-in;position:fixed}.context-menu .menu-row{cursor:pointer}.context-menu .menu-row:focus-visible{background:var(--surface-2);outline:none}.sprites-panel{z-index:17;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);width:min(560px,100% - 96px);max-height:calc(100% - 100px);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:14px;animation:.14s ease-out pop-in;display:grid;position:absolute;top:16px;left:80px;overflow:auto}.sprite-list{flex-wrap:wrap;gap:8px;display:flex}.sprite-choice{background:var(--surface-2);width:84px;color:var(--text);border:1.5px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:8px 4px 6px;display:grid;position:relative}.sprite-choice.on{border-color:var(--accent-hi);background:var(--accent-soft)}.sprite-choice:disabled{opacity:.4}.sprite-use{background:0 0;border:none;justify-items:center;gap:4px;width:100%;padding:0;display:grid}.sprite-cap{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.color-chip{border-radius:8px;width:44px;height:44px}.sprite-remove{color:var(--muted);visibility:hidden;background:0 0;border:none;padding:2px;font-size:15px;line-height:1;position:absolute;top:2px;right:4px}.sprite-choice:hover .sprite-remove{visibility:visible}.sprite-sheet-link{color:var(--accent-hi);background:0 0;border:none;padding:0;font-size:11px}.sprite-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form-error{color:var(--danger);margin:0;font-size:12px}.sheet-editor{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.sheet-head{align-items:center;gap:10px;display:flex}.sheet-head .muted{flex:1;font-size:12px}.sheet-view{background:repeating-conic-gradient(#2a2f48 0 25%, #222740 0 50%) 0 0 / 16px 16px;border-radius:8px;max-width:100%;position:relative;overflow:auto}.sheet-view img{image-rendering:pixelated;display:block}.sheet-cell{border:1px solid color-mix(in srgb, var(--accent-hi) 75%, transparent);background:0 0;border-radius:2px;padding:0;position:absolute}.sheet-cell span{font:600 10px var(--font-data);color:#fff;background:#3c2da0cc;border-radius:3px;padding:0 3px;position:absolute;top:1px;left:2px}.sheet-cell:hover{background:color-mix(in srgb, var(--accent-hi) 18%, transparent)}.sheet-cell.on{box-shadow:0 0 0 2px var(--accent);background:color-mix(in srgb, var(--accent-hi) 25%, transparent);border:2px solid #fff}.grid-fields{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grid-fields label{color:var(--muted);gap:3px;font-size:11px;display:grid}.grid-fields input{width:100%;font-family:var(--font-data)}.link-toggle{background:var(--surface-2);color:var(--muted);font:600 10.5px var(--font-ui);letter-spacing:0;text-transform:none;border:none;border-radius:7px;align-items:center;gap:4px;margin-right:4px;padding:2px 8px;display:inline-flex}.link-toggle.on{color:#d4ceff;background:var(--accent-soft)}.link-toggle:hover{color:var(--text)}.section-actions{align-items:center;display:flex}.play-view{background:var(--ink);position:absolute;inset:0}.play-view canvas{width:100%;height:100%;image-rendering:pixelated;outline:none;display:block}.play-btn.playing{background:#e5534b;box-shadow:0 6px 20px #e5534b73}.editor.playing .topbar-left>:not(.wordmark),.editor.playing .topbar-right{visibility:hidden}.project-btn{max-width:200px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;margin-right:6px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.project-btn:hover,.project-btn:focus-visible{color:var(--text);background:var(--surface-2)}.dirty-dot.inline{flex:none;position:static}.menu-pop.wide{min-width:300px}.menu-row.stacked{flex-direction:column;align-items:stretch;gap:2px}.menu-row-main{align-items:center;gap:8px;display:flex}.menu-detail{color:var(--muted);font-size:11.5px;line-height:1.35}.tool{position:relative}.tool-badge{background:var(--accent-hi);color:#fff;min-width:15px;height:15px;font:700 9.5px/15px var(--font-ui);border-radius:8px;padding:0 4px;position:absolute;top:3px;right:3px}.logic-panel{width:min(340px,100% - 96px)}.logic-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.logic-item{background:var(--surface-2);border-radius:9px;align-items:flex-start;gap:6px;padding:7px 4px 7px 9px;font-size:12.5px;line-height:1.4;display:flex}.section .logic-item{background:#0000002e}.logic-item.off .logic-text{opacity:.5;text-decoration:line-through}.logic-item input[type=checkbox]{accent-color:var(--accent);margin:2px 0 0}.logic-text{overflow-wrap:anywhere;flex:1;min-width:0}.logic-note{color:var(--muted);font-size:11px}.logic-remove{flex:none;width:22px;height:22px}.logic-none{margin:2px 0 6px;font-size:12px}.logic-add{grid-template-columns:auto 1fr auto;gap:6px;margin-top:6px;display:grid}.logic-add select{min-width:0;font-size:12px}.hud,.hud-banner,.hud-message{clip-path:inset(50%);white-space:nowrap;top:0;left:0;overflow:hidden;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.hud{pointer-events:none;z-index:5;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px}.hud-chip{color:#fff;font:600 13px var(--font-ui);background:#0f0c1eb8;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.hud-hearts{color:#ff6b81;letter-spacing:1px;font-size:15px}.hud-hearts .empty{color:#ffffff40}.hud-hearts{align-items:center;gap:2px;display:inline-flex}.hud-heart{width:18px;height:18px;image-rendering:pixelated;display:block}.hud-heart.empty{filter:grayscale()brightness(.55);opacity:.6}.hud-banner{color:#ffe08f;width:fit-content;font:22px/1.4 var(--font-console);text-align:center;pointer-events:none;z-index:6;box-sizing:border-box;background:#0f0c1edb;border-radius:6px;max-width:calc(100% - 32px);margin:0 auto;padding:18px 28px;animation:.18s ease-out pop-in;position:absolute;top:38%;left:0;right:0}.hud-message{color:#fff;width:fit-content;font:14px/1.5 var(--font-console);text-align:center;pointer-events:none;z-index:5;box-sizing:border-box;background:#0f0c1ecc;border-radius:6px;max-width:calc(100% - 32px);margin:0 auto;padding:14px 20px;animation:.14s ease-out pop-in;position:absolute;top:22%;left:0;right:0}.hud-keys{color:#fffc;font:12px var(--font-ui);pointer-events:none;z-index:5;background:#0f0c1e99;border-radius:10px;padding:6px 10px;position:absolute;bottom:16px;right:16px}.workspace{min-width:0;min-height:0;display:flex}.workspace>.stage{flex:1;min-width:0}.drawer.docked{width:min(340px,40vw);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bar);border-width:0 0 0 1px;border-radius:0;flex:none;order:2;animation:none;position:relative;inset:auto}.docked-left .drawer.docked{border-width:0 1px 0 0;order:0}.workspace>.stage{order:1}.drawer-left .drawer{animation-name:slide-in-left;left:16px;right:auto}.tools-left.drawer-left .drawer{left:80px}.tools-right.drawer-right .drawer{right:80px}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}}.tools-right .tool-panel{left:auto;right:16px}.tools-right .background-panel,.tools-right .sprites-panel{left:auto;right:80px}.tray-left .tray-chips,.tray-left .tray{left:16px;right:auto}.dock .play-btn{height:32px;box-shadow:none;padding:0 16px;font-size:13px;position:static;transform:none}.play-float{z-index:6;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.play-float .play-btn{position:static;transform:none}.dialog-backdrop{z-index:40;background:#08061873;place-items:center;display:grid;position:absolute;inset:0}.dialog{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);width:min(420px,100% - 32px);box-shadow:var(--shadow);border-radius:18px;gap:10px;padding:16px;animation:.14s ease-out pop-in;display:grid}.dialog-text{margin:0;font-size:13px;line-height:1.45}.dialog-text code{font-family:var(--font-data);font-size:12px}.dialog input[type=password]{width:100%;font-family:var(--font-data)}.dialog{max-height:calc(100% - 32px);overflow:auto}.dialog select{width:100%;font-family:var(--font-data)}.seg{background:var(--surface-2);border-radius:10px;gap:2px;padding:2px;display:flex}.seg button{color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:6px 10px;font-size:12.5px;font-weight:600}.seg button.on{color:var(--text);background:var(--surface);box-shadow:0 1px 2px #00000040}.dialog-check{align-items:center;gap:8px;font-size:12.5px;display:flex}.dialog-actions{align-items:center;gap:10px;display:flex}.dialog-status{margin:0;font-size:12.5px}.dialog-status.ok{color:var(--ok-dark)}.dialog-status.warn{color:var(--warn-dark)}.result-where{color:var(--card-text);margin:2px 0 4px;font-size:12px;font-weight:600}.connection-head{align-items:center;gap:6px;display:inline-flex}.connection-does{color:#1a1430;background:#ffe08f;border-radius:8px;margin-left:4px;padding:1px 7px;font-size:10.5px;font-weight:700}.entity-head{align-items:baseline;gap:8px;min-width:0;display:inline-flex}.camera-settings-btn{margin-left:8px;padding:2px 10px;font-size:12px}.camera-settings-btn.on{background:var(--accent);color:#fff;border-color:#0000}.entity-kind{color:var(--muted);font-size:11px;font-weight:600}.script-list{gap:6px;display:grid}.script-group{margin:4px 0 3px}.script-card{background:#0000002e;border-radius:9px;padding:6px 6px 7px 8px;font-size:12.5px}.script-card.off .script-name,.script-card.off .script-desc{opacity:.5}.script-head{align-items:center;gap:6px;display:flex}.script-toggle input{accent-color:var(--accent);margin:0}.script-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden;color:var(--text)!important}.script-card .icon{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:15px;line-height:1}.script-card .icon:hover{color:var(--danger)}.script-desc{color:var(--muted);margin:3px 0 0 20px;line-height:1.4}.script-code{font:11px/1.5 var(--font-data);white-space:pre-wrap;overflow-wrap:anywhere;background:#0000004d;border-radius:7px;max-height:320px;margin:6px 0 4px;padding:7px 8px;overflow:auto}.script-editor textarea{resize:vertical;width:100%;font:11px/1.45 var(--font-data);color:var(--text);border:1px solid var(--line);background:#0000004d;border-radius:7px;margin-top:6px;padding:6px}.script-error{color:var(--danger);margin-top:4px;font-size:11.5px;line-height:1.4}.script-editor-actions{gap:6px;margin-top:6px;display:flex}.small{font-size:11.5px}@container stage (width<=1100px){.tray-chip{padding:0 12px}.tray-chip .chip-label{display:none}}@container stage (width<=600px){.tray-chips{bottom:72px}}@container stage (width<=820px){.dock-btn .dock-label{display:none}.dock-btn:not(.primary){padding:0 10px}}@media (width<=760px){.topbar{column-gap:8px;padding:0 10px}.topbar .project-btn{display:none}.save-btn{padding:0 7px}.save-btn span{display:none}.scene-btn{min-width:0}.topbar>.play-btn{padding:0 16px}.icon-group{margin-left:0}}@media (width<=520px){.wordmark{display:none}.topbar>.play-btn{padding:0 14px}.topbar>.play-btn .play-label{display:none}.scene-btn{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}}.prompt-chat{border-bottom:1px solid var(--card-line);overscroll-behavior:contain;gap:8px;max-height:min(30vh,260px);margin:0 4px 4px 0;padding:4px 4px 2px 0;display:grid;overflow-y:auto}.prompt.has-header .prompt-chat{background:var(--card);border-bottom:none;border-radius:10px;margin:0 8px 8px;padding:4px 6px}.chat-turn{gap:4px;display:grid}.chat-you{background:color-mix(in srgb, var(--accent) 22%, var(--card));max-width:85%;color:var(--card-text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px 12px 3px;justify-self:end;margin:0;padding:5px 10px;font-size:12px;line-height:1.4}.chat-you:empty{display:none}.chat-ai{color:var(--card-text);font-size:12px}.chat-ai.warn .result-message{color:var(--warn)}.chat-turn.past .chat-ai{opacity:.85}.chat-status{margin:0 0 2px;font-size:11.5px}.prompt-chat .prompt-result{border-top:none;margin:0;padding-top:0}.prompt.has-header .prompt-chat .prompt-result{margin:0;padding:0}.prompt-chat .prompt-busy,.prompt.has-header .prompt-chat .prompt-busy{margin:0 2px}.prompt-chat .prompt-progress{margin:2px 0 0}.prompt-busy{justify-content:space-between;align-items:center;gap:8px;margin:2px 4px 2px 2px;display:flex}.prompt.has-header .prompt-busy{margin:-2px 12px 8px}.topbar .icon-btn{border-radius:8px;width:32px;height:32px}.prompt-field .prompt-close{width:22px;height:22px;box-shadow:none;color:var(--card-muted);background:0 0;flex:none;position:static}.prompt-field .prompt-close:hover{background:var(--card-line);color:var(--card-text)}.menu-version{color:var(--muted);-webkit-user-select:text;user-select:text;padding:4px 10px 6px 30px;font-size:11px}.box-color-row{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:12.5px;display:flex}.box-color-row input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:26px;padding:0}.tray.big{width:min(760px,100% - 32px);height:calc(100% - 96px)}.ai-log{gap:12px;display:grid}.ai-log-bar{z-index:1;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin:-8px -12px 0;padding:8px 12px 6px;font-size:12px;display:flex;position:sticky;top:-8px}.ai-log-bar .dialog-check{margin:0}.exchange{border-bottom:1px solid var(--line);gap:6px;padding-bottom:12px;display:grid}.exchange.undone{opacity:.6}.exchange-head{color:var(--muted);align-items:baseline;gap:8px;font-size:11.5px;display:flex}.exchange-head .where{color:var(--text);font-weight:600}.exchange .chat-you{background:color-mix(in srgb, var(--accent) 26%, var(--surface));max-width:88%;color:var(--text);justify-self:end;font-size:12.5px}.exchange-ai{color:var(--text);gap:4px;font-size:12.5px;line-height:1.45;display:grid}.exchange-status{color:var(--ok);font-size:11.5px;font-weight:700}.exchange.message .exchange-status{color:#c9c1ff}.exchange.error .exchange-status,.exchange-ai.warn .exchange-status{color:var(--warn-dark)}.exchange.undone .exchange-status{color:var(--muted)}.exchange-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.exchange .changes{color:var(--muted);overflow-wrap:anywhere;margin:2px 0 0}.my-edit{color:var(--muted);align-items:baseline;gap:10px;padding:0 2px;font-size:12px;display:flex}.my-edit.undone{opacity:.5}.my-edit .time,.exchange-head .time{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:11px}.chat-bar{justify-content:flex-end;margin-bottom:-4px;display:flex}.chat-bar .link-btn{color:var(--card-muted);font-size:11.5px;font-weight:600;text-decoration:none}.chat-bar .link-btn:hover:not(:disabled){color:var(--accent);text-decoration:underline}.chat-bar .link-btn:disabled{opacity:.4;cursor:default}.ai-log-actions{gap:4px;display:flex}.exchange-trace .link-btn{color:var(--muted);font-size:11.5px;font-weight:600;text-decoration:none}.exchange-trace .link-btn:hover{color:var(--accent);text-decoration:underline}.trace-steps{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.trace-steps li{border-left:2px solid var(--line);padding-left:8px}.trace-steps .trace-reply{border-left-color:var(--accent)}.trace-steps .trace-check,.trace-steps .trace-retry{border-left-color:var(--warn-dark)}.trace-steps .trace-error{border-left-color:var(--danger)}.trace-head{color:var(--muted);font-size:11px;font-family:var(--font-data)}.trace-steps pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;font:11px/1.45 var(--font-data);color:var(--text);background:var(--surface-2);border-radius:6px;margin:2px 0 0;padding:6px 8px;overflow:auto}.job-anchor{position:relative}.job-dots{background:var(--ink,#0f1222);border:1.5px solid var(--accent-hi);pointer-events:none;z-index:2;border-radius:9px;align-items:center;gap:4px;padding:4px 7px;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.job-dots i{background:var(--accent-hi);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite job-bounce}.job-dots i:nth-child(2){animation-delay:.15s}.job-dots i:nth-child(3){animation-delay:.3s}@keyframes job-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.job-badge{background:var(--accent-hi);color:#fff;width:18px;height:18px;font:800 11px var(--font-ui);border:2px solid var(--ink,#0f1222);pointer-events:none;z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-6px}.job-badge.error{background:var(--danger)}.made-sounds{flex-wrap:wrap;gap:6px;margin:6px 0 0;display:flex}.sound-btn{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:inherit;font:600 12px var(--font-ui);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.sound-btn:hover{background:color-mix(in srgb, var(--accent) 26%, transparent)}.sound-list{align-content:start;gap:6px;display:grid}.sound-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px 10px;display:grid}.sound-row .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-dots.below{top:auto;bottom:-16px}@container stage (width<=600px){.dock-panel{max-height:36vh}.dock-panel.objects{grid-template-columns:1fr}.dock-panel.objects .category-list{border-right:none;border-bottom:1px solid var(--line);scrollbar-width:none;flex-direction:row;gap:4px;padding:4px 8px 6px;overflow-x:auto}.dock-panel.objects .category{flex:none;gap:6px;padding:4px 10px;font-size:12px}.objects-main{padding:8px}.tiles{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:4px}.tile{border-radius:9px;gap:2px;padding:4px 2px 3px}.thumb{border-radius:7px;width:32px;height:32px}.thumb>*{max-width:28px;max-height:28px}.tile-name{font-size:10px}.objects-main .panel-hint{display:none}}.dock-wrap:has(.dock-panel){z-index:17}.trash-btn{color:var(--muted);padding:0 11px}.trash-btn[aria-disabled=true]{opacity:.55}.trash-btn[aria-disabled=false]{color:var(--text)}.trash-btn.hot{background:var(--danger,#e5534b);color:#fff;opacity:1;transition:transform 80ms ease-out;transform:scale(1.12)}.context-layer.stepped-aside{display:none}.sprite-size-row{cursor:default}.sprite-size-row .chip-btn{padding:2px 8px}.chip-btn.on{background:var(--accent,#7c6cff);color:#fff;border-color:#0000}.sprite-size-pick{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.export-dialog{width:min(560px,100% - 32px)}.export-preview-wrap{background:repeating-conic-gradient(#2b2a3d 0 25%, #34334a 0 50%) 0 0 / 16px 16px;border-radius:12px;justify-content:center;align-items:center;min-height:120px;max-height:50vh;padding:12px;display:flex;overflow:auto}.export-sheet{image-rendering:pixelated;width:auto;min-width:min(100%,256px);max-width:100%;height:auto}.code-editor{flex-direction:column;width:min(980px,100% - 32px);height:min(720px,100% - 32px);display:flex}.code-body{flex:1;gap:12px;min-height:0;display:flex}.code-files{flex-direction:column;flex:none;gap:10px;width:190px;display:flex;overflow:auto}.code-group{flex-direction:column;gap:2px;display:flex}.code-group-label{text-transform:uppercase;letter-spacing:.04em;opacity:.6;padding:0 6px 2px;font-size:11px;font-weight:700}.code-file{text-align:left;color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 8px;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.code-file:hover{background:var(--surface-2)}.code-file.on{background:var(--accent);color:#fff}.code-file.off{opacity:.55;text-decoration:line-through}.code-file.new{opacity:.75;font-family:inherit}.code-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.code-toolbar{align-items:center;gap:10px;display:flex}.code-area{border:1px solid var(--line);background:#14131f;border-radius:10px;flex:1;min-height:0;display:flex;overflow:hidden}.code-gutter{text-align:right;color:#6c6a86;-webkit-user-select:none;user-select:none;flex:none;padding:10px 8px 10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.code-area textarea{resize:none;color:#e6e4f5;tab-size:2;white-space:pre;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.code-view{color:#e6e4f5;white-space:pre-wrap;background:#14131f;border-radius:10px;flex:1;min-height:0;margin:0;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}@container stage (width<=600px){.code-files{width:120px}}.se-sprites{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.se-sprite{border:1px solid var(--line);background:var(--surface-2);width:84px;color:inherit;cursor:pointer;border-radius:10px;flex:none;justify-items:center;gap:2px;padding:6px 4px;display:grid}.se-sprite.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.se-sprite:disabled{opacity:.45;cursor:default}.se-sprite-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:600;overflow:hidden}.se-sprite-use{opacity:.65;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.game-name-field{cursor:default}.game-name-field input{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-2);width:100%;color:inherit;font:inherit;border-radius:8px;padding:6px 8px;font-weight:600}.touch-controls{padding:16px max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:none;z-index:6;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.touch-pad{grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px);gap:4px;display:grid}.touch-pad .up{grid-area:1/2}.touch-pad .left{grid-area:2/1}.touch-pad .right{grid-area:2/3}.touch-pad .down{grid-area:3/2}.touch-actions{align-items:flex-end;gap:12px;display:flex}.touch-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14102873;border:2px solid #ffffff59;border-radius:16px;font:700 20px system-ui,sans-serif}.touch-btn:active{background:#7b6cf699}.touch-btn.big{border-radius:50%;width:88px;height:88px;font-size:17px}.touch-btn.small{border-radius:50%;width:62px;height:62px}.touch-controls~.hud-keys{display:none}.ai-star{z-index:15;pointer-events:auto;border:1px solid var(--line);background:var(--surface);width:18px;height:18px;color:var(--accent-hi);font:11px/1 var(--font-ui);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;padding:0;animation:.14s ease-out pop-in;display:grid;position:absolute;top:0;left:0}.ai-star:hover{background:var(--accent);color:#fff}select option,select optgroup{background-color:var(--option-bg);color:var(--text)}.dialog.gamesite{width:min(980px,100% - 32px)}.dialog.gamesite,.dialog.gamesite-save{background:var(--bar);-webkit-backdrop-filter:none;backdrop-filter:none}.dialog.gamesite-save{width:min(440px,100% - 32px)}.gs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.gs-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:6px;margin:0;padding:8px;display:grid}.gs-pick{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;overflow:hidden}.gs-pick:hover .gs-shot{outline:2px solid var(--accent);outline-offset:-2px}.gs-shot{aspect-ratio:16/9;object-fit:contain;width:100%;image-rendering:pixelated;background:#000;border-radius:8px;display:block}.gs-shot.empty{color:var(--muted);place-items:center;font-size:12px;display:grid}.gs-caption{text-align:center;gap:2px;display:grid}.gs-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.gs-name-input{box-sizing:border-box;text-align:center;width:100%;font-weight:700}.gs-actions{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.gamesite-play{z-index:60;background:var(--ink);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.gamesite-play-bar{background:var(--bar);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;display:flex}.gs-title{font-weight:700}.gamesite-play-stage{min-height:0;position:relative}.bg-gen-row{gap:6px;display:flex}.bg-gen-row input{flex:1;min-width:0}.bg-gen-size{align-items:center}.bg-gen-size input{flex:0 72px}.bg-gen-settings{gap:4px;display:grid}.bg-label .link{margin-left:8px;font-weight:400}.bg-ai{border-top:1px solid var(--line);margin:2px 0 12px}.color-picker{z-index:80;background:var(--bar);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);font:12px var(--font-ui);border-radius:12px;outline:none;gap:8px;padding:10px;display:grid;position:fixed}.color-picker,.color-picker *{box-sizing:border-box}.color-picker>*{min-width:0}.cp-square{cursor:crosshair;touch-action:none;border-radius:8px;height:140px;position:relative}.cp-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #00000080}.cp-hue{appearance:none;background:0 0;border:none;width:100%;height:14px;margin:0;padding:0}.cp-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px}.cp-hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px}.cp-hue::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-1px;box-shadow:0 0 0 1px #00000080}.cp-hue::-moz-range-thumb{background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px}.cp-row{align-items:center;gap:6px;display:flex}.cp-compare{border:1px solid var(--line);border-radius:6px;flex:none;width:44px;height:22px;display:flex;overflow:hidden}.cp-compare span{flex:1}.cp-hex{min-width:0;height:22px;font:11px var(--font-data,ui-monospace, monospace);flex:1;padding:0 6px}.cp-dropper{flex:none;width:24px;height:24px}.cp-rgb{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cp-rgb label{justify-items:center;gap:1px;display:grid}.cp-rgb input{box-sizing:border-box;text-align:center;width:100%;height:22px;padding:0 4px;font-size:11px}.cp-rgb span{color:var(--muted);font-size:10px}.cp-actions{justify-content:flex-end;gap:6px;display:flex}.se-add.as-button{color:var(--muted);background:0 0;padding:0}.se-recolor-btn{border:1px solid var(--line);cursor:pointer;border-radius:5px;width:34px;height:20px;padding:0}.library-ask{z-index:70;max-width:calc(100vw - 24px);position:fixed}.library-ask .prompt{animation:.14s ease-out pop-in}.library-ask-head{align-items:center;gap:7px;display:inline-flex}.library-ask-head .thumb{width:16px;height:16px}.bg-move-row{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;display:grid}.bg-move-label{color:var(--muted);font-size:12px}.bg-move-row select{width:100%;min-width:0}.bg-move-amount{grid-column:2;align-items:center;gap:8px;min-width:0;display:flex}.bg-move-amount input{flex:1;min-width:0}.bg-move-amount .muted{text-align:right;width:30px;font-size:11px}:root[data-style=blueprint]{--ink:#0b1636;--bar:#101e45;--surface:#13234d;--surface-2:#8cb9ff14;--surface-3:#8cb9ff26;--line:#8cb9ff38;--text:#e9eefc;--muted:#9aabd6;--card:#f6f3ea;--card-text:#1a2140;--card-muted:#5b6383;--card-line:#ddd6c4;--outline:#0a1230;--hard:4px 4px 0 #050b20;--shadow:4px 4px 0 #050b20}[data-style=blueprint] .topbar{border-bottom:2px solid var(--outline);box-shadow:0 2px #8cb9ff2e}[data-style=blueprint] .wordmark-mark{box-shadow:inset 0 0 0 2.5px var(--outline);background:#5cc8ff;border-radius:6px}[data-style=blueprint] :is(.dock,.dock-panel,.tray,.tray-chip,.drawer,.menu-pop,.scope-toggle,.tool-panel,.dialog,.context-menu,.background-panel,.sprites-panel,.logic-panel){border:2px solid var(--outline);box-shadow:var(--hard);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=blueprint] .prompt{border:2.5px solid var(--outline);box-shadow:5px 5px #050b20}[data-style=blueprint] .prompt-close{border:2px solid var(--outline);box-shadow:2px 2px #050b20}[data-style=blueprint] .play-btn{border:2.5px solid var(--outline);color:var(--outline);background:#6fe3b0;border-radius:14px;font-weight:900;box-shadow:4px 4px #050b20}[data-style=blueprint] .play-btn.playing{background:#ff8f8f}[data-style=blueprint] :is(.btn-primary,.dock-btn.primary,.send-btn,.tool.on,.scene-btn){border:2px solid var(--outline);box-shadow:2px 2px #050b20}[data-style=blueprint] :is(.btn-primary,.dock-btn.primary,.tool.on):active{box-shadow:none;transform:translate(2px,2px)}[data-style=blueprint] .scene-btn{background:#16295c}[data-style=blueprint] .section{border:2px solid var(--outline);background:#13234d;border-radius:12px;overflow:hidden;box-shadow:3px 3px #050b20}[data-style=blueprint] .section>header{border-bottom:2px solid var(--outline);color:#9fe0ff;font:700 11px var(--font-data);letter-spacing:.1em;background:#16295c;margin-bottom:6px;padding:7px 10px}[data-style=blueprint] .inspector-head{font-family:var(--font-data)}[data-style=blueprint] .hud-chip{border:2px solid var(--outline);background:#13234d;box-shadow:2px 2px #050b20}[data-style=blueprint] .result-message,[data-style=blueprint] .changes{border-color:var(--card-line)}:root[data-style=arcade]{--ink:#07060f;--bar:#0d0b1c;--surface:#100c24f5;--surface-2:#ff3cc812;--surface-3:#ff3cc821;--line:#ff3cc859;--text:#f5f0ff;--muted:#a59ccc;--card:#120e28;--card-text:#f5f0ff;--card-muted:#a59ccc;--card-line:#00f0ff40;--neon:#ff3cc8;--neon-2:#00f0ff;--shadow:0 0 0 1px #ff3cc88c, 0 0 22px #ff3cc84d}[data-style=arcade] .topbar{border-bottom:1px solid var(--neon);box-shadow:0 0 18px #ff3cc859}[data-style=arcade] .wordmark{font-family:"Silkscreen", var(--font-data);letter-spacing:.04em;font-weight:400}[data-style=arcade] .wordmark-mark{background:var(--neon-2);box-shadow:0 0 12px var(--neon-2);border-radius:0}[data-style=arcade] :is(.dock,.dock-panel,.tray,.tray-chip,.drawer,.menu-pop,.scope-toggle,.tool-panel,.dialog,.context-menu,.background-panel,.sprites-panel,.logic-panel){border:1px solid var(--neon);box-shadow:var(--shadow)}[data-style=arcade] .prompt{border:1px solid var(--neon-2);box-shadow:0 0 0 1px #00f0ff80,0 0 26px #00f0ff4d}[data-style=arcade] .prompt-close{border:1px solid var(--neon-2);background:var(--card);color:var(--neon-2)}[data-style=arcade] .play-btn{background:var(--neon-2);color:#07060f;font-family:"Silkscreen", var(--font-data);letter-spacing:.06em;border-radius:4px;font-weight:400;box-shadow:0 0 22px #00f0ff99}[data-style=arcade] .play-btn.playing{background:var(--neon);box-shadow:0 0 22px #ff3cc899}[data-style=arcade] :is(.btn-primary,.dock-btn.primary,.tool.on){box-shadow:0 0 14px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:4px}[data-style=arcade] .section{border:1px solid #00f0ff4d;border-radius:4px}[data-style=arcade] .section>header{color:var(--neon-2);font:400 11px "Silkscreen", var(--font-data);letter-spacing:.08em}[data-style=arcade] .hud-chip{border:1px solid var(--neon-2);border-radius:4px;box-shadow:0 0 12px #00f0ff66}:root[data-style=paper]{--ink:#e9e3d4;--bar:#f7f2e6;--surface:#fcf9f1f7;--surface-2:#3c2d0f0d;--surface-3:#3c2d0f1a;--line:#3c2d0f24;--text:#2b2618;--muted:#776d56;--card:#fffdf8;--card-text:#2b2618;--card-muted:#776d56;--card-line:#ebe4d3;--ok-dark:#1f8a55;--warn-dark:#a85a0c;--shadow:0 10px 30px #3c280a2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--option-bg:#fffdf8}[data-style=paper] input,[data-style=paper] select{background:#fffdf8}[data-style=paper] .spark-btn.active,[data-style=paper] .spark-btn:hover{color:var(--accent)!important}[data-style=paper] .scope-toggle button.on{color:var(--accent)}[data-style=paper] .section .logic-item,[data-style=paper] .script-card,[data-style=paper] .script-code{background:#3c2d0f0f}[data-style=paper] .link-toggle.on{color:var(--accent)}:root[data-style=amber]{--ink:#0b0803;--bar:#110c04;--surface:#140e05f7;--surface-2:#ffb0000f;--surface-3:#ffb0001f;--line:#ffb0004d;--text:#ffb000;--muted:#b98516;--accent-hi:#ffc94d;--accent-soft:#ffb0002e;--card:#140e04;--card-text:#ffb000;--card-muted:#b98516;--card-line:#ffb00040;--ok:#ffd277;--ok-dark:#ffd277;--warn:#ff8a3d;--warn-dark:#ff8a3d;--danger:#ff6a3d;--font-ui:"VT323", ui-monospace, "SF Mono", Menlo, monospace;--font-data:"VT323", ui-monospace, "SF Mono", Menlo, monospace;--shadow:0 0 0 1px #ffb00073, 0 0 20px #ff8c002e;font-size:15px;--accent:#ffb000!important}[data-style=amber] body{text-shadow:0 0 6px #ff8c0073}[data-style=amber] :is(.topbar,.dock,.dock-panel,.tray,.tray-chip,.drawer,.menu-pop,.scope-toggle,.tool-panel,.dialog,.context-menu,.background-panel,.sprites-panel,.logic-panel,.prompt){background-image:repeating-linear-gradient(#ffb00009 0 1px,#0000 1px 3px)}[data-style=amber] :is(.dock,.dock-panel,.tray,.tray-chip,.drawer,.menu-pop,.scope-toggle,.tool-panel,.dialog,.context-menu,.background-panel,.sprites-panel,.logic-panel){box-shadow:var(--shadow);border:1px solid #ffb0008c;border-radius:6px}[data-style=amber] .topbar{border-bottom:1px solid #ffb0008c}[data-style=amber] .wordmark-mark{background:#ffb000;border-radius:2px;box-shadow:0 0 10px #ff9a00}[data-style=amber] .prompt{border:1px solid #ffb000;border-radius:6px;box-shadow:0 0 22px #ff8c004d}[data-style=amber] .prompt textarea{font-size:17px}[data-style=amber] .prompt-close{background:var(--card);color:#ffb000;border:1px solid #ffb000}[data-style=amber] :is(.play-btn,.btn-primary,.dock-btn.primary,.tool.on,.send-btn){color:#140e04;text-shadow:none;background:#ffb000;border-radius:4px;box-shadow:0 0 16px #ff8c008c}[data-style=amber] .play-btn.playing{background:#ff7a1a}[data-style=amber] .section{border:1px solid #ffb0004d;border-radius:4px}[data-style=amber] .section>header{letter-spacing:.08em;color:#ffc94d;font-size:15px}[data-style=amber] input,[data-style=amber] select{background:#0b0803;border-color:#ffb00066}[data-style=amber] .hud-chip{color:#ffb000;font-family:var(--font-ui);background:#140e05d9;border:1px solid #ffb000;border-radius:4px;font-size:16px}.style-dialog{width:min(560px,100% - 32px)}.game-dialog{width:min(640px,100% - 32px)}.game-idea{align-items:stretch;gap:8px;display:flex}.game-idea .prompt-icon.ai-picker{border:1px solid var(--line);height:auto;color:var(--text);border-radius:10px;align-self:stretch;padding:0 10px;font-size:12px}.game-idea textarea{resize:vertical;min-width:0;font:inherit;border:1px solid var(--line);background:var(--surface-2);color:inherit;border-radius:10px;flex:1;padding:8px 10px}.game-idea button{padding:0 16px}.game-idea button:disabled{opacity:.5}.game-or{margin:8px 0 6px}.game-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.game-card{cursor:pointer;padding:10px}.game-preview{border-radius:8px;width:256px;max-width:100%;height:96px;margin:0 auto 6px;display:block;position:relative;overflow:hidden}.game-preview>img,.game-preview>span{image-rendering:pixelated;display:block;position:absolute}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.style-card{text-align:left;border:2px solid var(--line);background:var(--surface-2);border-radius:12px;gap:4px;padding:8px;display:grid}.style-card:hover{border-color:var(--accent-hi)}.style-card.on{border-color:var(--accent);background:var(--accent-soft)}.style-name{font-weight:800}.style-blurb{color:var(--muted);font-size:11.5px;line-height:1.35}.style-preview{border-radius:8px;height:84px;margin-bottom:4px;display:block;position:relative;overflow:hidden}.style-preview>span{display:block;position:absolute}.pv-bar{height:14px;top:0;left:0;right:0}.pv-panel{border-radius:4px;width:14px;height:50px;top:24px;left:8px}.pv-card{border-radius:7px;width:70px;height:26px;top:30px;left:34px}.pv-play{border-radius:4px;width:28px;height:8px;top:3px;left:calc(50% - 14px)}.preview-classic{background:#1d2330 radial-gradient(circle,#ffffff40 .8px,#0000 1px) 0 0/8px 8px}.preview-classic .pv-bar{background:#151a2e}.preview-classic .pv-panel{background:#181c30f0;box-shadow:0 4px 10px #0006}.preview-classic .pv-card{background:#fff;box-shadow:0 4px 10px #0006}.preview-classic .pv-play{background:#7b6cf6}.preview-blueprint{background:#0f1d44 linear-gradient(#8cb9ff1f 1px,#0000 1px) 0 0/100% 20px}.preview-blueprint .pv-bar{background:#101e45;border-bottom:2px solid #0a1230}.preview-blueprint .pv-panel{background:#13234d;border:2px solid #0a1230;box-shadow:2px 2px #050b20}.preview-blueprint .pv-card{background:#f6f3ea;border:2px solid #0a1230;box-shadow:3px 3px #050b20}.preview-blueprint .pv-play{background:#6fe3b0;border:1.5px solid #0a1230}.preview-arcade{background:#07060f radial-gradient(circle,#ff3cc859 .8px,#0000 1px) 0 0/8px 8px}.preview-arcade .pv-bar{background:#0d0b1c;border-bottom:1px solid #ff3cc8;box-shadow:0 0 8px #ff3cc899}.preview-arcade .pv-panel{background:#100c24;border:1px solid #ff3cc8;border-radius:2px;box-shadow:0 0 8px #ff3cc899}.preview-arcade .pv-card{background:#120e28;border:1px solid #00f0ff;border-radius:2px;box-shadow:0 0 10px #00f0ff80}.preview-arcade .pv-play{background:#00f0ff;border-radius:1px;box-shadow:0 0 8px #00f0ff}.preview-paper{background:#e9e3d4}.preview-paper .pv-bar{background:#f7f2e6;border-bottom:1px solid #3c2d0f24}.preview-paper .pv-panel{background:#fcf9f1;box-shadow:0 3px 8px #3c280a33}.preview-paper .pv-card{background:#fffdf8;box-shadow:0 3px 8px #3c280a33}.preview-paper .pv-play{background:#7b6cf6}.preview-amber{background:#0b0803 repeating-linear-gradient(#ffb0000f 0 1px,#0000 1px 3px)}.preview-amber .pv-bar{background:#110c04;border-bottom:1px solid #ffb0008c}.preview-amber .pv-panel{background:#140e04;border:1px solid #ffb0008c;border-radius:2px;box-shadow:0 0 8px #ff8c004d}.preview-amber .pv-card{background:#140e04;border:1px solid #ffb000;border-radius:2px;box-shadow:0 0 10px #ff8c0066}.preview-amber .pv-play{background:#ffb000;border-radius:1px;box-shadow:0 0 8px #ff9a00}.make-anim{border-top:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:8px;margin-top:10px;padding-top:10px;display:flex}.make-anim label{gap:2px;font-size:11.5px;display:grid}.make-anim input{width:90px}.sprite-editor{outline:none;align-self:start;width:min(860px,100% - 24px);max-height:calc(100% - 32px);margin-top:16px;overflow:auto}.se-body{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.se-side{gap:10px;width:190px;display:grid}.se-toolbar{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-self:flex-start;gap:2px;padding:4px;display:flex}.se-tool{width:34px;height:34px;color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.se-tool:hover{background:var(--surface-3);color:var(--text)}.se-tool.on{background:var(--accent);color:#fff}.se-tool.held{box-shadow:inset 0 0 0 2px #fff}.se-canvas-col{flex:1;gap:6px;min-width:0;display:grid}.se-sel-bar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip-btn.on{background:var(--accent);color:#fff}.chip-btn:disabled{opacity:.45;cursor:default}.se-palette{flex-wrap:wrap;gap:4px;display:flex}.se-swatch{border:2px solid var(--line);background-size:auto,8px 8px;border-radius:5px;width:22px;height:22px;padding:0}.se-swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.se-add{border:1px dashed var(--line);cursor:pointer;width:22px;height:22px;color:var(--muted);border-radius:5px;place-items:center;font-weight:700;display:grid;position:relative}.se-add input{opacity:0;cursor:pointer;position:absolute;inset:0}.se-row{align-items:center;gap:6px;font-size:12px;display:flex}.se-row input[type=number]{width:52px}.se-canvas-wrap{background:#1b1828;border-radius:10px;flex:1;place-items:center;min-width:0;padding:8px;display:grid;overflow:auto}.se-canvas{image-rendering:pixelated;touch-action:none;display:block}.se-frames{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.se-strip{gap:6px;max-width:100%;display:flex;overflow-x:auto}.se-frame{border:2px solid var(--line);color:var(--muted);background:#1b1828;border-radius:8px;justify-items:center;gap:2px;padding:4px;font-size:10.5px;display:grid}.se-frame.on{border-color:var(--accent)}.se-thumb,.se-preview{image-rendering:pixelated;display:block}.se-frame-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.se-preview{background:#1b1828;border-radius:8px;padding:4px}.se-name-fields{gap:8px;display:grid}.se-name-fields .se-row input:not([type]),.se-name-fields .se-row select{flex:1;min-width:0}.se-finish{align-items:center;gap:8px;margin-left:auto;display:flex}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-weight:700}.sprite-edit{background:var(--surface-3);color:var(--text);opacity:.85;border:none;border-radius:6px;padding:0 5px;font-size:11px;position:absolute;top:2px;left:2px}.export-targets{gap:6px;margin-bottom:10px;display:grid}.export-target{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.export-target.on{border-color:var(--accent);background:var(--accent-soft)}.export-target input{margin-top:3px}.export-blurb{margin-top:2px;display:block}.itch-guide>p{margin:0}.itch-guide{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;margin:0 0 10px;padding:8px 12px;font-size:12.5px}.itch-guide ol{gap:4px;margin:6px 0;padding-left:18px;display:grid}.itch-guide a{color:var(--accent-hi)}.sound-editor{scrollbar-gutter:stable;width:min(720px,100% - 24px)}.sound-editor .se-body{outline:none;gap:8px;display:grid;position:relative}.context-menu.pen-menu{z-index:5;position:absolute}.sound-title{align-items:center;gap:8px;display:flex}.sound-pick{font:inherit;border:1px solid var(--line);background:var(--surface-2);max-width:12em;color:inherit;border-radius:6px;padding:2px 4px;font-weight:700}.sound-name{font:inherit;border:1px solid var(--line);background:var(--surface-2);width:14em;max-width:50vw;color:inherit;border-radius:6px;padding:2px 6px;font-weight:700}.sound-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sound-speed{align-items:center;gap:4px;display:inline-flex}.sound-speed .n{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.sound-pens{grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;display:grid}.pen-label{color:var(--muted);font-size:12px}.pen-group{flex-wrap:wrap;gap:4px;display:flex}.pen{border:1px solid var(--line);color:#e8ecf4;background:#10131c;border-radius:6px;place-items:center;min-width:32px;height:26px;padding:0 4px;display:inline-grid}.pen.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.small-pen{min-width:26px;font-size:13px}.sound-canvas{touch-action:none;cursor:crosshair;width:100%;height:auto;image-rendering:pixelated;border-radius:8px}.sound-info{white-space:nowrap;text-overflow:ellipsis;height:1.4em;margin:0;overflow:hidden}.sound-help{margin:0}.made-sound{align-items:center;gap:2px;display:inline-flex}.sound-new{margin:8px 0 0}.dock-panel.sounds{align-content:start;gap:6px;display:grid}.dock-panel.sounds .sound-new{justify-self:start;margin:0}.danger-btn{background:var(--danger,#e5484d);color:#fff;border:none;border-radius:8px;padding:5px 14px;font-weight:700}.se-fieldset{border:none;gap:8px;min-width:0;margin:0;padding:0;display:grid}.se-fieldset:disabled{opacity:.38;filter:grayscale(.6)}.se-fieldset:disabled .sound-canvas{pointer-events:none;cursor:default}.se-body.off .sound-help,.se-body.off .sound-info{opacity:.38}.confirm-backdrop{z-index:80}.sound-new-btn{white-space:nowrap;flex:none}.sound-title{flex-wrap:nowrap;min-width:0}.sound-title .sound-name{flex:10em;min-width:6em}.dock-panel{position:relative}.dock-panel-close{z-index:2;position:absolute;top:6px;right:6px}.dock-panel.sounds{padding-top:36px}.dock-panel.sounds:before{content:"Sounds";color:var(--muted);font-size:12.5px;font-weight:700;position:absolute;top:10px;left:14px}.console-actions{gap:4px;display:flex}.console-copy-box{gap:4px;margin-top:6px;display:grid}.console-copy-box textarea{width:100%;min-height:120px;font:11.5px var(--font-data);background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px}.save-btn{border:1px solid var(--line);background:var(--surface-2);height:30px;color:var(--text);font:600 12.5px var(--font-ui);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.save-btn:hover{border-color:var(--accent)}.save-btn.dirty svg{color:var(--accent-hi,var(--accent))}.save-btn[data-state=saved]{color:#3ddc84;border-color:#3ddc84}.save-btn:disabled{opacity:.7;cursor:default}.open-dialog{width:min(480px,100% - 32px)}.open-list{gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.open-row{align-items:center;gap:6px;display:flex}.open-pick{text-align:left;border:1px solid var(--line);background:var(--surface-2);min-width:0;color:var(--text);cursor:pointer;border-radius:10px;flex:1;gap:2px;padding:8px 10px;display:grid}.open-pick:hover{border-color:var(--accent)}.open-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.se-tool-options{gap:6px;display:grid}.se-tolerance input[type=range]{flex:1;min-width:0}.se-tolerance-value{text-align:right;min-width:3.2em}
