*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{--ink:#e7ebf3;--muted:#9099ad;--line:#ffffff14;--surface:#131823;color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#10141d;font-size:16px}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #adc5ff;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.studio{height:100dvh;display:grid;grid-template-rows:84px minmax(0,1fr) 94px}.topbar{padding:0 36px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);z-index:2;background:var(--surface)}.identity{display:flex;align-items:center;gap:13px}.brand-mark{font-size:39px;color:#bccdf6;font-family:Georgia,serif;line-height:1}.identity h1{font-size:21px;font-weight:550;letter-spacing:.1em;margin:0 0 6px}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--muted)}.version{font-size:12px;letter-spacing:.03em;border:1px solid #a7bbea30;background:#b1c7ff08;color:#aebbd4;padding:5px 9px;border-radius:4px;margin-left:5px}.text-button{font-size:14px;background:transparent;transition:color .2s}.reference-open{margin-left:auto;color:#b9c3d8;padding:12px 0 12px 14px;white-space:nowrap}.reference-open span{margin-left:7px;color:#9ebafa}.reference-open:hover{color:#fff}.viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#222d42 0%,#171e2d 43%,#10141d 88%);touch-action:none}.viewport canvas{display:block;width:100%;height:100%;position:relative;z-index:1;outline:none;opacity:0;transition:opacity .6s}.viewport.ready canvas{opacity:1}.stage-glow{position:absolute;pointer-events:none;width:75%;height:13%;left:12.5%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse,#6a8bd01e,transparent 70%);filter:blur(10px)}.corner-note{position:absolute;z-index:2;top:26px;left:36px;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.mini-line{display:inline-block;width:20px;height:1px;background:#afc8f57a}.loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#10141de8;gap:13px;transition:opacity .3s}.loading.done{opacity:0;pointer-events:none}.loading strong{font-size:16px;font-weight:500;letter-spacing:.1em}.loading>span{font-size:13px;color:var(--muted);max-width:80%;text-align:center}.loader-ring{width:37px;height:37px;border:1px solid #b1c7ff24;border-top-color:#b9cfff;border-radius:50%;animation:spin 1.1s linear infinite;margin-bottom:13px}.progress-track{width:160px;height:2px;background:#ffffff16;border-radius:3px;margin-top:8px;overflow:hidden}.progress-track>div{width:3%;height:100%;background:#b9cfff;transition:width .3s}.loading.failed .loader-ring{animation:none;border-color:#ce9b8f}.loading.failed .progress-track{display:none}#retry{margin-top:8px;padding:9px 18px;background:#a7c2ff22;border:1px solid #a7c2ff44;border-radius:7px;font-size:14px}.stage-caption{position:absolute;z-index:0;right:36px;bottom:54px;text-align:right;pointer-events:none}.stage-caption>span{display:block;font-size:clamp(34px,6vw,80px);font-weight:300;letter-spacing:.1em;color:#b8caed0a;line-height:1.2}.stage-caption small{font-size:12px;color:#727e94;letter-spacing:.15em}.interaction-hint{position:absolute;z-index:2;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#929bb0;pointer-events:none}.mobile-hint{display:none}.zoom-controls{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;border:1px solid #9aafd423;border-radius:10px;background:#101723ac;padding:5px;backdrop-filter:blur(15px)}.zoom-controls button{width:37px;height:39px;font-size:24px;font-weight:300;background:transparent;border-radius:6px;color:#c7d0e2}.zoom-controls button:hover{background:#ffffff0c}.zoom-controls>span{height:1px;width:20px;background:var(--line);margin:3px 0}.toolbar{padding:0 36px;display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);background:var(--surface);z-index:2}.tool-section{display:flex;align-items:center;gap:15px}.tool-label{font-size:13px;color:var(--muted);white-space:nowrap}.segments{display:flex;align-items:center;gap:4px;background:#090d154d;border:1px solid #ffffff07;border-radius:8px;padding:4px}.segments button{font-size:14px;padding:10px 18px;border-radius:5px;background:transparent;color:#939fb7;line-height:1.25;white-space:nowrap;transition:background .15s,color .15s}.segments button:hover{color:#dae4f7;background:#ffffff07}.segments button.active{color:#e0eaff;background:#839bc82d;box-shadow:inset 0 0 0 1px #a8bdeb18}.tool-divider{width:1px;height:24px;background:var(--line)}.end-tools{margin-left:auto;gap:24px}.rotate-button{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:14px;padding:9px 0;background:transparent;color:#9aa8c1}.rotate-button>span{font-size:23px;line-height:1}.rotate-button[aria-pressed=true]{color:#c6d9ff}.background-button{display:flex;align-items:center;justify-content:center;min-width:34px;height:36px;background:transparent;border-radius:6px}.background-button>span{width:19px;height:19px;border:1px solid #9eb3dc;border-radius:50%;background:linear-gradient(90deg,#d9e5ff 50%,transparent 50%)}dialog{padding:0;border:1px solid #7e95bf45;border-radius:14px;background:#171f2e;color:#e7ebf3;width:min(1100px,94vw);max-height:90dvh;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#070b13ba;backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px;border-bottom:1px solid #ffffff14}.dialog-header h2{font-size:19px;font-weight:500;margin:0 0 7px}.dialog-header p{font-size:14px;color:#a7b4cc;margin:0;line-height:1.6}.dialog-header button{font-size:29px;align-self:flex-start;width:38px;height:38px;border-radius:7px;background:#ffffff09}.reference-image-wrap{padding:14px}.reference-image-wrap img{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;border-radius:5px}body.light{--ink:#263047;--muted:#69738a;--line:#24355517;--surface:#eef1f6;background:#e9edf4}body.light .viewport{background:radial-gradient(ellipse at 50% 46%,#f7f9fc 0%,#e8edf5 60%,#dbe3ef 100%)}body.light .brand-mark{color:#5875a6}body.light .reference-open{color:#526581}body.light .version{background:#6984b60b;color:#657895;border-color:#6984b62e}body.light .segments{background:#dce3ee66;border-color:#8093b41a}body.light .segments button{color:#6b7690}body.light .segments button.active{background:#fff;color:#344e76;box-shadow:0 1px 4px #677f9f22}body.light .zoom-controls{background:#f4f7f9c9;border-color:#8396b633}body.light .zoom-controls button{color:#526581}body.light .interaction-hint{color:#687690}body.light .rotate-button{color:#687890}body.light .rotate-button[aria-pressed=true]{color:#315687}body.light .stage-caption>span{color:#536d9810}body.light .stage-caption small{color:#8490a4}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.toolbar{justify-content:center}.end-tools{margin-left:15px}.stage-caption{right:60px}.topbar,.toolbar{padding-left:48px;padding-right:48px}}
@media(max-width:1050px){.toolbar{gap:15px;padding:0 24px}.tool-section{gap:10px}.segments button{padding:10px 13px}.end-tools{gap:12px}.tool-label{display:none}}
@media(max-width:700px){.studio{grid-template-rows:72px minmax(0,1fr) auto}.topbar{padding:0 18px;gap:9px}.identity{gap:8px}.identity h1{font-size:18px;margin-bottom:5px}.brand-mark{font-size:32px}.eyebrow{font-size:9px;letter-spacing:.15em}.version{font-size:11px;padding:4px 6px;margin-left:0}.reference-open{font-size:13px;padding-left:5px}.reference-open span{display:none}.corner-note{left:19px;top:17px;font-size:12px}.zoom-controls{right:13px;padding:3px;top:48%}.zoom-controls button{width:34px;height:37px}.stage-caption{right:17px;bottom:43px}.stage-caption>span{font-size:37px}.stage-caption small{display:none}.interaction-hint{font-size:12px;bottom:13px}.desktop-hint{display:none}.mobile-hint{display:inline}.toolbar{display:grid;grid-template-columns:1fr auto;gap:9px 12px;padding:12px 16px calc(13px + env(safe-area-inset-bottom));align-items:center}.views{grid-column:1/-1}.views .segments{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.segments button{font-size:14px;padding:10px 14px}.materials .segments button{padding:9px 14px}.tool-divider{display:none}.end-tools{margin-left:0;gap:8px}.rotate-button{font-size:13px;gap:4px}.rotate-button>span{font-size:20px}.background-button{min-width:30px}.dialog-header{padding:18px}.dialog-header p{font-size:13px}.reference-image-wrap{padding:8px}}
@media(max-width:380px){.version{display:none}.segments button{padding-left:10px;padding-right:10px}.materials .segments button{padding-left:10px;padding-right:10px}.toolbar{gap:8px}.rotate-button{font-size:12px}}
@media(max-height:540px) and (orientation:landscape){.studio{grid-template-rows:58px minmax(0,1fr) 66px}.topbar{padding:0 20px}.toolbar{display:flex;gap:14px;padding:8px 20px}.views{grid-column:auto}.views .segments{display:flex}.segments button{padding:8px 12px}.identity h1{font-size:17px}.eyebrow{display:none}.tool-label{display:none}.interaction-hint{bottom:8px}.corner-note{top:12px}.stage-caption{display:none}.end-tools{margin-left:auto}.zoom-controls button{height:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.loader-ring{animation-duration:2s}}

.game-link{font-size:12px;white-space:nowrap;text-decoration:none;color:#d1e1ff;padding:7px 10px;border:1px solid #a7bbea40;border-radius:5px;background:#b1c7ff0d}.light .game-link{color:#405a83}@media(max-width:520px){.game-link{padding:6px 7px;font-size:11px}.reference-open{font-size:12px}}