:root{font-family:Tahoma,Arial,sans-serif;color:#f0eee8;background:#151a1b;color-scheme:dark;--accent:#d7b786;--muted:#adb4b2;--line:#ffffff17}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid var(--line);background:#232b2d;color:inherit;border-radius:10px;padding:11px 15px}button:hover{background:#354043}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#app{max-width:1700px;margin:auto;padding:28px 40px 20px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.identity{display:flex;align-items:center;gap:15px}.mark{font:32px Georgia,serif;color:var(--accent);border:1px solid #d7b78655;width:58px;height:62px;display:grid;place-items:center;border-radius:3px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:1px;margin:0 0 8px}h1{font-weight:400;font-size:26px;margin:0}.subtle{background:transparent;color:var(--muted);font-size:12px}nav{display:flex;gap:9px;margin-bottom:18px;flex-wrap:wrap}nav button{color:var(--muted);background:transparent;font-size:13px;padding:12px 17px}nav button.active{background:var(--accent);color:#232927;border-color:var(--accent)}small{font-size:10px;font-family:Arial,sans-serif;opacity:.8;margin-right:8px}#stage{height:calc(100svh - 247px);min-height:430px;max-height:1150px;position:relative;border:1px solid #ffffff1a;border-radius:18px;overflow:hidden;background:#e2e0d7}#canvasHost{width:100%;height:100%}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.stage-top{pointer-events:none;position:absolute;top:20px;right:20px;left:20px;display:flex;justify-content:space-between;gap:8px}.pill{background:#172022d9;backdrop-filter:blur(10px);border:1px solid #ffffff20;border-radius:40px;padding:8px 14px;font-size:11px}.quiet{color:#c5ceca}.toolbar{position:absolute;bottom:58px;right:50%;transform:translateX(50%);display:flex;align-items:center;gap:5px;padding:7px;background:#172022ed;border:1px solid #ffffff25;backdrop-filter:blur(16px);border-radius:14px;white-space:nowrap;box-shadow:0 10px 35px #0003}.toolbar button{padding:10px 12px;background:transparent;border:0;font-size:13px}.toolbar button.selected{color:#242a26;background:var(--accent)}#modelTools{display:flex;gap:3px}.tool-separator{width:1px;height:24px;background:#ffffff20;margin:0 4px}.caption{position:absolute;bottom:20px;right:16px;left:16px;display:flex;justify-content:center;align-items:center;gap:7px;color:#f0eee8;font-size:11px;text-shadow:0 1px 4px #000;background:#172022c4;border-radius:12px;width:fit-content;margin:auto;padding:7px 13px}.dot{height:5px;width:5px;background:var(--accent);border-radius:50%;flex-shrink:0}footer{display:flex;justify-content:space-between;gap:12px;color:#909b99;font-size:11px;padding-top:15px}.latin{font:9px Arial,sans-serif;letter-spacing:2px;direction:ltr}#loader{position:absolute;inset:0;display:grid;place-items:center;background:#1a2225f0;z-index:3}.load-card{width:min(360px,80%);text-align:center}.load-mark{font:48px Georgia,serif;color:var(--accent)}.load-card h2{font-size:19px;font-weight:400}.load-card p{font-size:12px;color:#abb7b3;line-height:1.8;min-height:24px}.progress-track{height:3px;background:#ffffff16;border-radius:4px;overflow:hidden;margin:25px 0}#progress{height:100%;width:0;background:var(--accent);transition:width .2s}#retry{margin-top:4px;background:var(--accent);color:#182421}dialog{max-width:490px;width:calc(100% - 32px);background:#20282a;color:#e6e9e3;border:1px solid #ffffff25;border-radius:18px;padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}dialog h2{font-weight:400}dialog p{font-size:13px;line-height:1.9}#closeInfo{float:left;padding:4px 12px;font-size:24px;border:0}.muted{color:var(--muted)}#stage:fullscreen{height:100%;max-height:none;border:0;border-radius:0}#stage:fullscreen .toolbar{bottom:65px}@media(max-width:700px){#app{padding:18px 14px 14px}header{margin-bottom:20px}.mark{height:48px;width:44px;font-size:25px}.identity{gap:11px}h1{font-size:20px}.eyebrow{font-size:10px}.subtle{font-size:10px;padding:9px}nav{gap:6px;margin-bottom:12px}nav button{font-size:11px;padding:10px 12px}#stage{height:calc(100svh - 218px);min-height:380px;border-radius:13px}.stage-top{top:12px;right:12px;left:12px}.pill{font-size:9px;padding:7px 11px}.toolbar{gap:1px;max-width:calc(100% - 14px);padding:5px;bottom:65px;border-radius:11px}.toolbar button{font-size:11px;padding:11px 8px}.tool-separator{margin:0 1px}.caption{font-size:9px;bottom:20px;padding:8px 10px}footer{font-size:10px;line-height:1.6}.latin{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
