.stage{position:relative;min-width:0;border:1px solid var(--ink);border-radius:4px;background:var(--panel);box-shadow:0 1px 0 var(--line),0 40px 80px -48px #12141873}html.src .stage{border-color:#2e343d;box-shadow:none}.stage-bar{display:flex;align-items:center;gap:14px;min-height:54px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--line)}.stage-bar .app{flex:none;font-size:var(--fs-ctl);font-weight:800;font-stretch:108%}.stage-bar .path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-meta);color:var(--ink-3)}.stage-bar .path b{font-weight:400;color:var(--ink-2);transition:color var(--t-state)}.stage[data-step="4"] .stage-bar .path b,.stage[data-step="4"] .stage-bar [data-folder]{color:var(--rt-ink)}.stage-bar .sp{flex:1}.sbtn{flex:none;min-height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:2px;background:transparent;font-size:var(--fs-ctl);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:border-color var(--t-fast),color var(--t-fast),background-color var(--t-fast)}.sbtn:hover{border-color:var(--ink);color:var(--ink)}.sbtn[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sbtn[hidden]{display:none}.sbtn-replay{display:inline-flex;align-items:center;gap:6px}@media(max-width:420px){.stage-bar{gap:8px;padding:8px 8px 8px 12px}.sbtn{padding:0 10px}.sbtn-replay .rl{display:none}}.stage-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,20vw,290px)}.screen{--lx: 50%;--ly: 50%;position:relative;aspect-ratio:816 / 624;overflow:hidden;min-width:0;background:#1e2a24;border-right:1px solid var(--line);cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;container-type:inline-size}.screen .map{position:absolute;inset:0;width:100%;height:100%}.screen-surface{position:absolute;inset:0}.win{position:absolute;background:linear-gradient(180deg,#161e3aed,#0a0e20f2);border:1px solid rgba(235,240,255,.78);border-radius:3px;box-shadow:inset 0 0 0 2px #0a0e20e6,inset 0 0 0 3px #ebf0ff29,0 4px 18px #00000059;color:#f4f6ff;font-family:var(--f-cjk);font-weight:500;font-size:clamp(14px,3.2cqi,21px);line-height:1.5;transition:box-shadow var(--t-state),opacity var(--t-state)}.win-msg{left:3%;right:3%;bottom:3.5%;height:24%;padding:3cqi 4cqi}.win-name{left:3%;bottom:28.7%;padding:.5cqi 2.6cqi;font-size:clamp(14px,2.7cqi,18px)}.win-choice{right:3%;bottom:28.7%;padding:1.3cqi 2.4cqi;display:grid;gap:.2cqi;min-width:21%}.win-choice .txt:first-child:before{content:"▸";margin-right:.4em;color:#ffe58a}.win-choice .txt:last-child{padding-left:1.05em}.win-toast{left:50%;top:6%;transform:translate(-50%);padding:1.1cqi 3.2cqi;white-space:nowrap}.pause-caret{position:absolute;right:3cqi;bottom:2.2cqi;width:0;height:0;border:.8cqi solid transparent;border-top-color:#ffe58a;animation:caret 1s steps(2) infinite}@keyframes caret{50%{transform:translateY(3px)}}.txt{white-space:pre}.win:after{content:attr(data-kind);position:absolute;top:-2em;left:-1px;font:500 var(--fs-meta)/1.55 var(--f-mono);padding:0 .5em;background:var(--anomaly);color:#121418;border-radius:1px;white-space:nowrap;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s var(--ease)}.win-toast:after{top:auto;bottom:-2em}.win-msg:after{inset:auto 10px 8px auto}.win-choice:after{left:auto;right:-1px}.stage[data-step="1"] .win.found{box-shadow:inset 0 0 0 2px #0a0e20e6,0 0 0 2px var(--anomaly)}.stage[data-step="1"] .win.found:after{opacity:1;transform:none}.stage[data-step="2"] .screen-surface .win{opacity:.5}.scanbeam{position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(180deg,transparent,rgba(201,242,58,.1) 70%,rgba(201,242,58,.5));border-bottom:1px solid var(--anomaly);transform:translateY(-110%);opacity:0;pointer-events:none}.stage.beam .scanbeam{animation:beam 1.5s var(--ease-io) forwards}@keyframes beam{0%{transform:translateY(-110%);opacity:1}85%{opacity:1}to{transform:translateY(560%);opacity:0}}.screen-badge{position:absolute;right:2.2%;top:2.6%;font:500 var(--fs-meta)/1 var(--f-cjk);padding:.5em .7em;border-radius:2px;background:#0c0e11bd;color:#d9dee6;border:1px solid rgba(255,255,255,.22);transition:background-color var(--t-state),color var(--t-state)}.stage[data-step="3"] .screen-badge{background:#ffe58a;color:#121418;border-color:#ffe58a}.stage[data-step="4"] .screen-badge{background:var(--rt);color:#fff;border-color:var(--rt)}.screen-under{position:absolute;inset:0;z-index:3;background:#0b0d10 radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0 / 12px 12px;clip-path:circle(var(--lr) at var(--lx) var(--ly));transition:--lr .28s var(--ease);pointer-events:none;font:400 var(--fs-meta)/1.5 var(--f-mono);color:var(--s-dim)}.screen.lens-on{--lr: clamp(84px, 19cqi, 124px)}.screen.data-full,html.src .screen{--lr: 2400px}.u{position:absolute;white-space:pre;color:#7a818c;padding:3px 7px;background:#0b0d10eb;border-left:2px solid rgba(143,227,207,.35)}.u .k{color:var(--s-key)}.u .s{color:var(--s-str)}.u .n{color:var(--s-num)}.u .c{color:#5a626e}.u-bg{position:absolute;inset:0;padding:3.2cqi 3.5cqi;white-space:pre;color:#1f242b;overflow:hidden;line-height:1.6;background:none;border:0}.u-file{left:2.2cqi;top:2.2cqi;color:var(--anomaly);border-left-color:var(--anomaly)}.u-toast{left:50%;top:11%;transform:translate(-50%)}.u-npc{left:44%;top:40%}.u-name{left:3%;top:54%}.u-choice{right:3%;top:54%;text-align:right}.u-msg{left:5%;top:76%}.lens-ring{position:absolute;z-index:4;left:var(--lx);top:var(--ly);width:calc(var(--lr) * 2);height:calc(var(--lr) * 2);transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(201,242,58,.9);box-shadow:0 0 0 1px #00000040,0 0 34px #c9f23a33;pointer-events:none;opacity:0;transition:--lr .28s var(--ease),opacity .2s}.screen.lens-on .lens-ring{opacity:1}.screen.data-full .lens-ring,html.src .lens-ring{opacity:0!important}.lens-tag{position:absolute;left:50%;top:100%;transform:translate(-50%,8px);font-size:var(--fs-meta);line-height:1;white-space:nowrap;color:var(--anomaly);padding:5px 7px;background:#0b0d10db;border-radius:2px}.tool{position:relative;display:grid;min-width:0;font-size:var(--fs-ctl)}.tool-panel{grid-area:1 / 1;position:relative;display:flex;flex-direction:column;min-width:0;padding:16px 16px 14px;opacity:0;visibility:hidden;transition:opacity .24s var(--ease),visibility 0s linear .24s}.stage[data-step="0"] [data-panel="0"],.stage[data-step="1"] [data-panel="1"],.stage[data-step="2"] [data-panel="2"],.stage[data-step="3"] [data-panel="3"],.stage[data-step="4"] [data-panel="4"]{opacity:1;visibility:visible;transition-delay:0s}.tp-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px;font-size:var(--fs-meta);color:var(--ink-3)}.tp-h b{font-size:var(--fs-ctl);color:var(--ink);font-weight:700}.tp-idle{margin:auto 0;color:var(--ink-2);line-height:1.65}.files{list-style:none;margin:0;padding:0;font-size:var(--fs-meta)}.files li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);opacity:.25;transition:opacity .2s}.files li>span:last-child{color:var(--ink-3);text-align:right}.files li.on{opacity:1}.files li.on>span:first-child:before{content:"✓ ";color:var(--rt-ink)}.files li.no.on>span:first-child:before{content:"– ";color:var(--ink-3)}.files li.no.on{color:var(--ink-3)}.tp-foot{margin:auto 0 0;padding-top:12px;font-size:var(--fs-meta);line-height:1.55;color:var(--ink-3)}.tr{list-style:none;margin:0;padding:0}.tr li{padding:7px 0;border-bottom:1px solid var(--line)}.tr .ja{display:block;color:var(--ink-3);font-size:var(--fs-meta);line-height:1.5}.tr .zh{display:block;min-height:1.5em;font-weight:700;line-height:1.5}.tr .tag{float:right;margin-left:6px;font:500 var(--fs-meta)/1.5 var(--f-mono);padding:0 6px;border-radius:2px;border:1px solid var(--line-2);color:var(--ink-3);opacity:0;transition:opacity .2s}.tr li.done .tag{opacity:1}.tr .tag.reuse{border-color:var(--rt);color:var(--rt-ink);font-family:var(--f-cjk)}.diff{list-style:none;margin:0;padding:0}.diff li{padding:6px 0 7px;border-bottom:1px solid var(--line);line-height:1.5}.diff del{display:block;font-size:var(--fs-meta);color:var(--ink-3);text-decoration-color:#d0564a}.diff ins{display:block;text-decoration:none;font-weight:700}.diff ins:before{content:"+ ";color:var(--rt-ink);font-family:var(--f-mono);font-weight:400}.pending{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-meta);color:#8a6200}.pending:before{content:"";width:7px;height:7px;border-radius:50%;background:#e0a100}html.src .pending{color:var(--s-warn)}.folders{display:grid;gap:10px}.folder{display:grid;grid-template-columns:26px minmax(0,1fr);gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg)}.folder svg{width:26px;height:22px}.folder b{display:block;font-weight:600;font-size:var(--fs-meta)}.folder small{display:block;color:var(--ink-3);font-size:var(--fs-meta);line-height:1.45}.folder.new{border-color:var(--rt);background:var(--rt-soft);color:var(--rt-ink)}.folder.new b{color:var(--ink)}.folder.new small{color:var(--rt-ink)}.stage.run4 .folder.new{animation:pop .52s var(--ease) .18s both}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}.rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);position:relative}.rail:before{content:"";position:absolute;left:0;top:-1px;height:2px;background:var(--ink);width:calc(var(--p, 0) * 25%);transition:width .6s var(--ease)}.rail li+li{border-left:1px solid var(--line)}.rail button{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:baseline;text-align:left;width:100%;height:100%;padding:13px 16px 14px;background:none;border:0;cursor:pointer;color:var(--ink-3);transition:color var(--t-fast),background-color var(--t-fast)}.rail button:hover{background:var(--bg);color:var(--ink-2)}.rail b{font-size:var(--fs-meta);font-weight:500}.rail .l{font-weight:700;font-size:var(--fs-ctl)}.rail small{grid-column:2;font-size:var(--fs-meta);line-height:1.4;margin-top:2px}.rail button[aria-current=step],.rail button.past{color:var(--ink)}.rail button[aria-current=step] b{color:var(--signal-ink)}html.src .rail button[aria-current=step] b{color:var(--signal)}.stage-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin:12px 2px 0;font-size:var(--fs-meta);color:var(--ink-3)}.stage-note .hint-touch{display:none}@media(hover:none){.stage-note .hint-mouse{display:none}.stage-note .hint-touch{display:inline}}@container (max-width: 500px){.win-toast{left:auto;right:3%;top:15%;transform:none}.screen-badge{right:auto;left:2.2%}.u-bg{display:none}.screen-under{display:flex;flex-direction:column;gap:10px;padding:12px 14px;line-height:1.45}.screen-under .u{position:static;transform:none;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.u-npc{display:none}}@media(max-width:1180px){.stage-body{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:760px){.stage-bar{gap:10px;padding-left:12px}.stage-bar .path{display:none}.stage-body{grid-template-columns:1fr}.screen{border-right:0;border-bottom:1px solid var(--line)}.tool{min-height:0}.tool-panel{padding:14px 14px 12px}.rail button{grid-template-columns:1fr;padding:11px 10px 12px}.rail small{display:none}.rail b{margin-bottom:2px}}html.reduced-motion .scanbeam{display:none}@media(prefers-reduced-motion:reduce){.scanbeam{display:none}}.qrpg{position:relative;isolation:isolate;overflow:hidden;min-height:min(94vh,900px);border-top:1px solid var(--line);background:var(--bg)}.q-field{position:absolute;inset:0;z-index:0;cursor:crosshair;touch-action:pan-y;outline:none}.q-field:focus-visible{box-shadow:inset 0 0 0 2px var(--signal)}.q-field canvas{width:100%;height:100%}.qrpg.is-live .q-noscript{display:none}.q-noscript{position:absolute;right:var(--gutter);top:50%;margin:0;font-size:var(--fs-meta);color:var(--ink-3)}.q-copy-wrap{position:relative;z-index:2;pointer-events:none}.q-copy{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding-top:clamp(72px,9vw,128px);padding-bottom:40px}.q-copy a,.q-copy button{pointer-events:auto}.q-copy:before{content:"";position:absolute;z-index:-1;inset:30px -120px -40px -80px;background:radial-gradient(closest-side,color-mix(in srgb,var(--bg) 92%,transparent) 55%,transparent);pointer-events:none}html.src .q-copy:before{background:radial-gradient(closest-side,rgba(12,14,17,.9) 55%,transparent)}.q-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;font-size:var(--fs-meta);color:var(--ink-2)}.q-kicker:before{content:"";width:10px;height:10px;border:1.5px dashed var(--ink-2);border-radius:50%}.q-title{margin:0;font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:min(clamp(4.25rem,1.2rem + 10.5vw,11rem),20vw);line-height:.82;letter-spacing:-.045em;white-space:nowrap;width:max-content}.q-copy>:not(.q-title){max-width:560px}.q-cat{margin:22px 0 18px;font-family:var(--f-display);font-stretch:100%;font-weight:600;font-size:clamp(1.25rem,1rem + .9vw,1.75rem);line-height:1.25}.q-line{margin:0 0 10px;font-size:clamp(1.25rem,1.05rem + .6vw,1.6rem);font-weight:800;line-height:1.45}.q-desc{margin:0 0 28px;color:var(--ink-2);max-width:32em}.q-copy .btn-line{background:var(--bg)}.q-hud{position:absolute;z-index:3;right:var(--gutter);bottom:clamp(24px,4vw,48px);width:min(320px,calc(100% - 2 * var(--gutter)));display:grid;gap:10px;padding:16px 16px 14px;border:1px solid var(--line-2);border-radius:4px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:var(--fs-meta);color:var(--ink-2)}.q-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.q-count b{font-size:1.6rem;line-height:1;font-weight:800;font-stretch:110%;color:var(--signal-ink)}.qrpg:not([data-recorded]) .q-count b{color:var(--ink)}.q-of{font-family:var(--f-mono);color:var(--ink-3)}.q-sig{flex:1;max-width:170px;height:6px;background:var(--bg-2);border-radius:1px;overflow:hidden}.q-sig i{display:block;width:0;height:100%;background:var(--ink);transition:width .12s linear}.q-sig.hot i{background:var(--signal)}.q-redact{font-family:var(--f-mono);background:var(--ink);color:transparent;border-radius:1px;user-select:none}.q-status{min-height:1.5em;margin:2px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:var(--fs-ctl);color:var(--ink)}.q-guide{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid var(--ink);border-radius:var(--r);background:transparent;cursor:pointer;font-size:var(--fs-ctl);font-weight:700;color:var(--ink)}.q-guide:hover:not(:disabled){background:var(--ink);color:var(--bg)}.q-guide:disabled{border-color:var(--line-2);color:var(--ink-3);cursor:default;font-weight:400}.q-guide[hidden]{display:none}.q-guide-ring{width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;box-shadow:inset 0 0 0 3px transparent,inset 0 0 0 5px currentColor;opacity:.8}.q-note{margin:0;font-size:var(--fs-meta);line-height:1.55;color:var(--ink-3)}.q-hint{position:absolute;z-index:2;left:50%;bottom:clamp(24px,4vw,48px);transform:translate(-50%);margin:0;padding:6px 12px;border-radius:2px;background:color-mix(in srgb,var(--bg) 80%,transparent);font-size:var(--fs-meta);color:var(--ink-2);pointer-events:none;white-space:nowrap;transition:opacity .4s}.qrpg[data-lens=on] .q-hint,.qrpg[data-recorded] .q-hint{opacity:0}.q-hint .hint-touch{display:none}@media(hover:none){.q-hint .hint-mouse{display:none}.q-hint .hint-touch{display:inline}}.q-log{position:absolute;z-index:4;pointer-events:none;padding:5px 9px;border-radius:2px;background:var(--ink);color:var(--bg);font-size:var(--fs-meta);line-height:1.4;white-space:nowrap;border-left:3px solid var(--signal);transform:translate(-50%,-150%);opacity:0;transition:opacity .24s,transform .42s var(--ease)}.q-log.show{opacity:1;transform:translate(-50%,-210%)}@media(max-width:1100px){.q-hud{width:290px}.q-hint{left:var(--gutter);transform:none}}@media(max-width:760px){.qrpg{min-height:0;display:flex;flex-direction:column;padding-bottom:28px}.q-copy-wrap{order:1}.q-copy{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding-top:64px;padding-bottom:0}.q-field{order:2;position:relative;inset:auto;height:400px;margin-top:28px;border-block:1px solid var(--line)}.q-copy:before{display:none}.q-hint{order:3;position:relative;left:auto;bottom:auto;transform:none;align-self:flex-start;margin:10px var(--gutter) 0;padding:0;background:none;white-space:normal}.qrpg[data-lens=on] .q-hint,.qrpg[data-recorded] .q-hint{opacity:1}.q-hud{order:4;position:relative;right:auto;bottom:auto;width:auto;margin:14px var(--gutter) 0;backdrop-filter:none;background:var(--panel)}.q-log.show{transform:translate(-50%,-190%)}}@media(max-width:360px){.q-field{height:340px}}.qrpg--compact{min-height:min(84vh,740px)}.qrpg--compact .q-copy{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding-top:clamp(48px,6vw,88px)}