:root{--bg:#f6f7f9;--panel:#fff;--border:#e7e9ec;--ink:#1b1e23;--muted:#727a85;--faint:#9aa2ad;--pp:#15803d;--p:#1f9d57;--z:#9aa2ad;--m:#ef7a72;--mm:#d4322a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted);gap:6px}.loading code{background:#eef0f3;padding:2px 6px;border-radius:5px}header{position:sticky;top:46px;z-index:5;background:#f6f7f9db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.title{font-size:19px;font-weight:600;letter-spacing:-.01em}.chip{font-size:12px;color:var(--muted);background:#eef0f3;border:1px solid var(--border);padding:3px 9px;border-radius:999px;font-weight:500}.spacer{flex:1}.seg{display:flex;gap:2px;background:#eef0f3;border-radius:9px;padding:2px}.seg button{border:none;background:none;font:inherit;font-size:12.5px;color:var(--muted);padding:5px 13px;border-radius:7px;cursor:pointer}.seg button.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px #11182714}.seg button:disabled{opacity:.4;cursor:default}.sw{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.sw input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;background:#d3d7dd;border-radius:999px;position:relative;cursor:pointer;transition:.2s;outline:none}.sw input:checked{background:var(--p)}.sw input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s}.sw input:checked:after{transform:translate(16px)}.nav{display:flex;align-items:center;gap:10px}.nav button{width:34px;height:34px;border:1px solid var(--border);background:var(--panel);border-radius:9px;cursor:pointer;font-size:16px;color:var(--ink);transition:.15s;display:flex;align-items:center;justify-content:center}.nav button:hover{background:#eef0f3}.nav button:active{transform:scale(.95)}.count{font-size:13px;color:var(--muted);min-width:96px;text-align:center;font-variant-numeric:tabular-nums}select{font:inherit;font-size:13px;color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:7px 10px;cursor:pointer;max-width:190px}main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:20px;padding:20px 24px;align-items:start}.imgwrap{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px;position:sticky;top:120px}.tabs{position:sticky;top:0;z-index:6;height:46px;display:flex;align-items:center;gap:14px;padding:0 24px;background:#fff;border-bottom:1px solid var(--border)}.tabs .brand{font-size:14px;font-weight:650;letter-spacing:-.01em}.tabbtns{display:flex;gap:4px}.tab{border:none;background:none;font:inherit;font-size:13px;color:var(--muted);padding:6px 13px;border-radius:8px;cursor:pointer}.tab:hover{background:#f1f2f4}.tab.on{color:var(--ink);background:#eef0f3;font-weight:600}.testmode{display:flex;flex-direction:column;height:calc(100vh - 46px)}.ttoolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 22px;border-bottom:1px solid var(--border);background:#f6f7f9cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap}.tgroup{display:flex;align-items:center;gap:8px;min-width:0}.tbtn{font:inherit;font-size:13px;border:1px solid var(--border);background:var(--panel);border-radius:9px;padding:8px 14px;cursor:pointer}.tbtn:hover{background:#f1f2f4}.tlib,.tmodel{font:inherit;font-size:13px;border:1px solid var(--border);background:var(--panel);border-radius:9px;padding:8px 10px;cursor:pointer}.tlib{max-width:230px;text-overflow:ellipsis}.tmodel{max-width:250px}.tname{font-size:12px;color:var(--faint);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsend{font:inherit;font-size:13px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:9px;padding:8px 20px;cursor:pointer;font-weight:600;min-width:100px}.tsend:disabled{opacity:.45;cursor:default}.tsend:not(:disabled):hover{background:#000}.tbody{flex:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);min-height:0}.tcanvas{position:relative;background:#edeff2;display:flex;align-items:center;justify-content:center;overflow:auto;padding:18px;border-right:1px solid var(--border)}.tstage{position:relative;line-height:0;max-width:100%;border-radius:8px;box-shadow:0 3px 20px #1118271a}.tstage img{width:100%;display:block;border-radius:8px}.tdrop{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--faint);background:#ffffff73;border:2px dashed #ccd2d9;border-radius:16px;padding:52px 64px;cursor:pointer;font:inherit;font-size:13px;transition:.15s}.tdrop:hover{border-color:#9aa2ad;color:var(--muted);background:#ffffffbf}.tloading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#edeff2cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--ink);font-size:13px;font-weight:500}.spin{width:16px;height:16px;border:2px solid #cfd4da;border-top-color:var(--ink);border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.tpanel{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.ptabs{display:flex;align-items:center;gap:4px;padding:10px 14px;border-bottom:1px solid var(--border)}.ptabs button{border:none;background:none;font:inherit;font-size:13px;color:var(--muted);padding:6px 13px;border-radius:8px;cursor:pointer}.ptabs button:hover:not(:disabled){background:#f1f2f4}.ptabs button.on{color:var(--ink);background:#eef0f3;font-weight:600}.ptabs button:disabled{opacity:.4;cursor:default}.ptabs .phint{margin-left:auto;font-size:11px;color:var(--faint)}.tprompt{flex:1;resize:none;border:none;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;padding:14px 16px;color:var(--ink);background:var(--panel)}.tjson{flex:1;margin:0;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;background:#1b1e23;color:#e6e8eb;padding:14px 16px}.terr{font-size:12.5px;color:#b3201a;background:#fce8e6;border-top:1px solid #f3cfcb;padding:10px 16px}.viewport{position:relative;width:100%;overflow:hidden;border-radius:8px;line-height:0}.stage{display:block;line-height:0;transform-origin:0 0}.stage img{width:100%;display:block}.ov{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.zreset{position:absolute;top:18px;right:18px;z-index:2;height:32px;padding:0 12px;border:1px solid var(--border);background:#ffffffeb;border-radius:8px;font:inherit;font-size:12px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zreset:hover{background:#fff}.phead{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 12px}.phead h2{font-size:15px;font-weight:600;margin:0;letter-spacing:-.01em}.phead .sub{font-size:12px;color:var(--faint)}.card{background:var(--panel);border:1px solid rgba(17,24,39,.05);border-radius:18px;padding:16px 18px;margin-bottom:12px;box-shadow:0 1px 2px #1118270a,0 8px 22px #11182709}.chead{display:flex;align-items:center;gap:10px}.cstack{font-size:18px;font-weight:680;letter-spacing:-.02em}.vbadge{font-size:11.5px;font-weight:600;padding:3px 11px;border-radius:999px}.vbadge.pp{color:#0f6b34;background:#e4f3e9}.vbadge.p{color:#1c7a44;background:#e9f5ed}.vbadge.z{color:#5a626c;background:#eef0f3}.vbadge.m{color:#be5026;background:#fceadf}.vbadge.mm{color:#b3201a;background:#fce8e6}.cnet{margin-left:auto;font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.cmeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pill{font-size:11.5px;padding:3px 10px;border-radius:8px;font-weight:500}.pill.facing{color:var(--ink);background:#eef0f3;font-weight:600}.pill.west{color:#be3f29;background:#fce9e5}.pill.units{color:#5a626c;background:#f1f2f4}.pill.subtle{color:var(--faint);background:#f3f4f6}.faces{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.face{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#2b2f36;background:color-mix(in srgb,var(--fc) 8%,#fff);border:1px solid color-mix(in srgb,var(--fc) 24%,#fff);border-radius:9px;padding:4px 9px}.face .fdot{width:7px;height:7px;border-radius:50%;background:var(--fc);flex:none}.face .farr{color:var(--faint);margin:0 1px}.reasons{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.reasons li{display:flex;gap:9px;font-size:12.5px;line-height:1.45;color:#3a3f47}.reasons .ri{font-weight:700;flex:none;width:12px;text-align:center}.reasons .pos .ri{color:#22a35a}.reasons .neg .ri{color:#d4574a}.near{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.tag{font-size:11px;padding:3px 9px;border-radius:7px;font-weight:500}.tag.am{color:#137a3a;background:#eaf6ee}.tag.nu{color:#b32119;background:#fcecea}.notes{margin-top:13px;font-size:12px;color:var(--faint);font-style:italic;line-height:1.5}.skipbar{padding:8px 24px;font-size:12px;color:var(--faint);border-top:1px solid var(--border);background:var(--panel)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f1216ed;cursor:grab;overflow:hidden}.lbstage{position:absolute;top:0;left:0;transform-origin:0 0;line-height:0}.lbstage img{display:block}.lbbar{position:fixed;top:14px;right:18px;display:flex;gap:10px;z-index:51}.lbbar button{height:38px;padding:0 14px;border:none;border-radius:9px;background:#ffffff24;color:#fff;font:inherit;font-size:13px;cursor:pointer}.lbbar button:hover{background:#ffffff3d}.lbhint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);color:#cbd2da;font-size:12px;background:#00000073;padding:6px 12px;border-radius:8px;z-index:51}@media (max-width: 880px){.tabs{height:54px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));justify-content:space-between;gap:10px}.tabs .brand{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabbtns{flex:none}.tab{min-height:40px;min-width:72px;font-size:14px;padding:8px 13px}header{top:54px;padding:14px 16px;gap:10px 8px;align-items:center}.title{font-size:20px;line-height:1.2;flex:1 1 auto;min-width:120px}.chip{font-size:12.5px;padding:4px 10px;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg{order:2;min-height:44px;align-items:center}.seg button{min-height:40px;min-width:78px;font-size:14px;padding:8px 16px}.spacer{order:2;flex:1 1 8px}.sw{order:2;min-height:44px;gap:10px;font-size:14px}.sw input{width:46px;height:28px}.sw input:after{width:24px;height:24px}.sw input:checked:after{transform:translate(18px)}.nav{order:3;width:100%;display:grid;grid-template-columns:44px minmax(96px,auto) 44px minmax(0,1fr);gap:8px;align-items:center}.nav button{width:44px;height:44px;border-radius:12px;font-size:22px}.count{min-width:0;font-size:14px;white-space:nowrap}.nav select,select{width:100%;max-width:none;min-width:0;min-height:44px;font-size:14px;border-radius:12px}main{grid-template-columns:1fr;gap:16px;padding:16px 16px calc(28px + env(safe-area-inset-bottom))}.imgwrap{position:static;border-radius:18px;padding:8px}.viewport{border-radius:12px}.phead{padding:2px 4px 10px}.phead h2{font-size:16px}.phead .sub{font-size:13px}.card{border-radius:18px;padding:16px;margin-bottom:12px}.testmode{min-height:calc(100dvh - 54px);height:auto}.ttoolbar{display:grid;grid-template-columns:1fr;gap:10px;padding:14px 16px}.tgroup{width:100%;min-width:0}.tgroup:first-child{display:grid;grid-template-columns:minmax(88px,.32fr) minmax(0,1fr);gap:10px}.tgroup:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,.34fr);gap:10px}.tbtn,.tlib,.tmodel,.tsend{width:100%;max-width:none;min-width:0;min-height:44px;border-radius:12px;font-size:14px}.tbtn,.tlib,.tmodel{padding:9px 12px}.tsend{padding:9px 14px;min-width:0}.tname{grid-column:1 / -1;max-width:none}.tbody{grid-template-columns:1fr;min-height:0}.tcanvas{border-right:none;border-bottom:1px solid var(--border);min-height:clamp(240px,38dvh,340px);padding:16px}.tdrop{width:100%;max-width:520px;min-height:clamp(210px,32dvh,280px);padding:28px 18px;border-radius:18px;justify-content:center;text-align:center}.tstage{max-height:42dvh;overflow:auto}.tstage img{max-height:42dvh;object-fit:contain}.tpanel{min-height:42dvh}.ptabs{padding:10px 16px;overflow-x:auto;scrollbar-width:none}.ptabs::-webkit-scrollbar{display:none}.ptabs button{min-height:40px;min-width:88px;font-size:14px;padding:8px 14px;flex:none}.ptabs .phint{white-space:nowrap;margin-left:8px}.tprompt{min-height:330px;font-size:13px;line-height:1.6;padding:16px}.tjson{min-height:330px;font-size:12px;padding:16px}}@media (max-width: 520px){.tabs{padding-left:14px;padding-right:14px}.tab{min-width:64px}header{padding:14px;gap:9px 8px}.title{font-size:19px}.chip{max-width:calc(50vw - 18px)}.seg{flex:0 0 156px}.seg button{flex:1;min-width:0}.spacer{display:none}.sw{margin-left:auto}.sw span{display:none}.nav{grid-template-columns:44px minmax(88px,1fr) 44px}.nav select{grid-column:1 / -1}main{padding:14px 14px calc(24px + env(safe-area-inset-bottom));gap:14px}.card{padding:15px 14px}.reasons li{font-size:13px}.notes{max-height:4.5em;overflow:hidden}.ttoolbar{padding:14px}.tcanvas{min-height:clamp(220px,34dvh,300px);padding:14px}.tdrop{min-height:clamp(190px,30dvh,250px);padding:24px 14px}.ptabs .phint{display:none}.tprompt,.tjson{min-height:320px}}@media (max-width: 360px){.tabs .brand{font-size:14px}.tab{min-width:58px;padding-left:10px;padding-right:10px}.chip{max-width:100%}.sw{width:52px;overflow:hidden}.count{font-size:13px}}