.assistant-panel{position:fixed;z-index:50;right:12px;bottom:12px;width:min(380px,calc(100vw - 24px));height:min(520px,calc(100dvh - 80px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#1c1c22;color:#e6e6ee;border:1px solid #111;box-shadow:0 18px 50px #00000073;font:12px/1.4 Segoe UI,system-ui,sans-serif}.assistant-panel header,.assistant-panel form,.assistant-settings{display:flex;align-items:center;gap:8px;padding:8px;background:#2a2a32;flex-wrap:wrap}.assistant-foot,.assistant-settings{display:grid}.assistant-settings p{margin:0;color:#b7b7c4}.assistant-settings label{display:grid;gap:4px}.assistant-settings select,.assistant-settings input{width:100%;background:#111;color:inherit;border:1px solid #333;min-height:36px}.assistant-panel header span{color:#9a9aa8;margin-right:auto}.assistant-panel header button,.assistant-panel form button{background:#333;color:inherit;border:1px solid #111;min-height:36px;padding:0 10px}.assistant-panel form .mic{min-width:64px;min-height:44px}.assistant-panel form button.listening{outline:2px solid #7AB317;background:#3d5a12;color:#fff}.assistant-panel input{min-height:44px}.assistant-log{overflow:auto;padding:10px;display:grid;gap:8px;align-content:start}.assistant-line{background:#26262e;padding:8px}.assistant-line.user{background:#2c3358}.assistant-line p{margin:0 0 6px}.assistant-option,.assistant-apply{display:inline-block;margin:4px 6px 0 0;background:#333;color:inherit;border:1px solid #111;padding:4px 8px}.assistant-apply{background:#3d46c8}.assistant-panel input{flex:1;background:#14141a;color:inherit;border:1px solid #000;height:28px;padding:0 8px}.bug-back{position:fixed;inset:0;z-index:60;background:#0000008c;display:grid;place-items:end center}.bug-form,.bug-admin{background:#1c1c22;color:#e6e6ee;font:14px/1.4 Segoe UI,system-ui,sans-serif}.bug-form{width:min(440px,100%);padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:8px}.bug-form header,.bug-form label{display:grid;gap:4px}.bug-form header{grid-template-columns:1fr auto;align-items:center}.bug-form textarea,.bug-form input,.bug-admin input{width:100%;background:#111;color:inherit;border:1px solid #333;padding:8px}.bug-form button,.bug-admin button{min-height:44px;background:#3d46c8;color:#fff;border:0}.bug-form .check{grid-template-columns:auto 1fr;align-items:center}.bug-status{margin:0}.bug-admin{min-height:100dvh;padding:24px}.bug-admin-grid{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:16px}.bug-admin ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bug-admin li button{display:grid;text-align:left;background:#26262e;color:inherit;padding:8px}.bug-admin img{max-width:100%}.bug-admin pre{white-space:pre-wrap}@media(max-width:900px),(pointer:coarse)and (orientation:portrait){.assistant-panel{left:0;right:0;bottom:0;width:auto;height:min(78dvh,640px);padding-bottom:env(safe-area-inset-bottom)}.assistant-panel form button,.assistant-option,.assistant-apply{min-height:44px}.bug-admin-grid{grid-template-columns:1fr}}:root{color-scheme:dark;--bg: #16161c;--panel: #22222a;--header: #2c2c36;--line: #101014;--text: #d8d8e2;--muted: #8d8d9a;--select: #7AB317;--font: "Segoe UI", "Helvetica Neue", system-ui, sans-serif;font-family:var(--font);font-size:12px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4}.app{height:100dvh;display:grid;grid-template-columns:84px minmax(0,1fr) 280px;grid-template-rows:calc(42px + env(safe-area-inset-top)) 44px minmax(0,1fr);background:var(--bg)}.topbar,.options{grid-column:1 / -1}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:0 10px;padding-top:env(safe-area-inset-top);background:#121218;border-bottom:1px solid var(--line)}.logo-mark{width:22px;height:22px;border-radius:4px}.wordmark{font-weight:650;letter-spacing:.02em;white-space:nowrap}.wordmark em{font-style:normal;color:var(--select)}.meta,.notice{color:var(--muted)}.spacer{flex:1}.btn{background:#2c2c34;border:1px solid #14141a;height:26px;padding:0 8px;border-radius:2px}.btn.primary{background:#5d8a12;border-color:#3f5e0c;color:#fff}.btn.active{outline:1px solid var(--select)}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-pop{position:absolute;top:100%;right:0;background:#26262e;border:1px solid #111;min-width:180px;z-index:45;display:grid}.menu-pop button{background:transparent;border:0;text-align:left;padding:8px 10px}.dock{min-width:0;min-height:0;background:var(--panel);display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:auto}.dock.right{border-right:0;border-left:1px solid var(--line)}.tabs{display:flex;background:var(--header);border-bottom:1px solid var(--line);position:sticky;top:0}.tabs strong{padding:6px 10px}.pane{padding:8px;display:grid;gap:6px;align-content:start}.kicker{margin:8px 0 2px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.row{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:transparent;border:0;padding:6px}.row.selected{background:#2c3a22}.row-actions{display:flex;gap:4px}.mini{width:22px;height:22px;padding:0;background:#2a2a32;border:1px solid #111;color:var(--text)}.viewer{min-width:0;min-height:0;background:#0c0c10;display:grid;place-items:center;padding:12px;container-type:size}.stage{position:relative;min-width:0;min-height:0;display:grid;padding:16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.status{position:fixed;z-index:48;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));margin:0;background:#121218;border:1px solid #333;padding:6px 8px;pointer-events:none}.stage svg{width:100%;height:100%;background:transparent;touch-action:none}.field{display:grid;gap:4px}.field input,.field select,.inline input,.inline select{background:#14141a;border:1px solid #000;height:28px;padding:0 6px;width:100%}.inline{display:flex;gap:6px;align-items:center}.inline input[type=color]{width:36px;padding:0}.swatches{display:flex;flex-wrap:wrap;gap:6px}.mobile-bar{display:none}.install{position:fixed;z-index:46;left:12px;right:12px;bottom:calc(60px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#22222a;border:1px solid #333;padding:8px}@media(pointer:coarse){.btn,.field input,.field select,.inline input,.inline select{min-height:44px}.mini{width:44px;height:44px}}.sheet{position:fixed;z-index:40;left:0;right:0;bottom:calc(48px + env(safe-area-inset-bottom));height:min(62dvh,520px);background:var(--panel);border-top:1px solid #444;overflow:auto}.frame{position:relative;margin:auto;width:min(100cqw,calc(100cqh * var(--ratio, 1.5)));max-width:100%;max-height:100%;background:#f4f1ea}.frame canvas{width:100%;height:100%;display:block;touch-action:none}.frame canvas.overlay{position:absolute;inset:0;pointer-events:none}.pen-bar{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:6px;align-items:center;z-index:3}.xform{position:absolute;border:1px dashed #7AB317;touch-action:none}.xform i{position:absolute;width:12px;height:12px;background:#7ab317;right:-6px;bottom:-6px}.sel-box{position:absolute;border:1px dashed #7AB317;pointer-events:none}.options{display:flex;align-items:center;gap:10px;padding:0 8px;background:#1c1c24;border-bottom:1px solid #101014;overflow:auto}.options label{display:flex;align-items:center;gap:4px;color:var(--muted);white-space:nowrap}.options input[type=range]{width:72px}.options select{background:#14141a;color:inherit;border:1px solid #000;height:26px}.toolrail{grid-column:1;grid-row:3;background:#1a1a22;border-right:1px solid #101014;display:flex;flex-direction:column;min-height:0}.viewer{grid-column:2;grid-row:3}.dock.right{grid-column:3;grid-row:3}.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px;overflow:auto}.toolslot{position:relative}.toolbtn{width:36px;height:36px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:#d8d8e2;position:relative}.toolbtn.active{color:#7ab317;background:#243018;border-color:#7ab317}.toolbtn.soon,.toolbtn:disabled{opacity:.38}.toolbtn .tooltip{display:none;position:absolute;left:100%;top:0;margin-left:6px;background:#111;border:1px solid #333;padding:4px 6px;white-space:nowrap;z-index:30;pointer-events:none}.toolbtn:hover .tooltip,.toolbtn:focus-visible .tooltip{display:flex;gap:6px}.flymark{position:absolute;right:2px;bottom:2px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid #7AB317}.flyout{position:absolute;left:100%;top:0;z-index:40;background:#26262e;border:1px solid #111;display:grid;min-width:180px}.flyout button{background:transparent;border:0;text-align:left;padding:8px;display:flex;justify-content:space-between;gap:8px}.swatchpair{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px}.swatch{width:28px;height:28px;border:1px solid #000;position:relative;display:block}.swatch input{opacity:0;width:100%;height:100%}.swatch.bg{margin-top:10px}@media(max-width:900px),(pointer:coarse)and (orientation:portrait){.app{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:calc(42px + env(safe-area-inset-top)) 40px minmax(0,1fr) calc(48px + env(safe-area-inset-bottom))}.toolrail{grid-row:3;overflow:auto}.toolgrid{grid-template-columns:1fr}.viewer{grid-column:2;grid-row:3}.mobile-bar{grid-column:1 / -1}.dock,.topbar .meta,.topbar .hide-narrow{display:none}.topbar{gap:4px}.viewer{flex:1 1 auto;min-height:0;width:100%}.mobile-bar{display:flex;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#14141a}.mobile-bar button{flex:1;background:transparent;border:0;color:var(--muted);min-height:44px}.mobile-bar button.active{color:#fff}.status{bottom:calc(56px + env(safe-area-inset-bottom))}}@media(pointer:coarse)and (orientation:landscape)and (min-width:901px){.app{grid-template-columns:200px minmax(0,1fr) 220px}.viewer{padding:8px}}