:root{--brand: oklch(.52 .12 256);--brand-hover: oklch(.46 .122 256);--brand-press: oklch(.41 .12 256);--brand-fg: oklch(.99 .012 256);--brand-tint: oklch(.93 .035 256);--brand-tint-2: oklch(.86 .055 256);--brand-ring: oklch(.52 .12 256 / .3);--brand-line: oklch(.52 .12 256 / .2);--bg: oklch(.956 .017 78);--surface: oklch(.998 .003 80);--surface-2: oklch(.975 .011 78);--surface-3: oklch(.949 .017 77);--sidebar: oklch(.968 .013 78);--ink: oklch(.255 .012 75);--ink-2: oklch(.43 .014 72);--ink-3: oklch(.57 .015 70);--line: oklch(.902 .012 78);--line-2: oklch(.842 .016 76);--ok: oklch(.6 .13 150);--ok-tint: oklch(.95 .05 150);--warn: oklch(.74 .15 75);--warn-ink: oklch(.5 .12 70);--warn-tint: oklch(.96 .06 80);--err: oklch(.58 .19 25);--err-tint: oklch(.96 .05 25);--info: oklch(.58 .12 240);--code-bg: oklch(.22 .014 265);--code-fg: oklch(.9 .01 250);--code-line: oklch(.3 .016 265);--code-gutter: oklch(.5 .02 265);--syn-cmd: oklch(.8 .13 65);--syn-str: oklch(.8 .11 150);--syn-num: oklch(.8 .1 250);--syn-key: oklch(.78 .13 320);--syn-punc: oklch(.62 .01 250);--syn-comm: oklch(.55 .02 250);--r-xs: 5px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--sp: 4px;--sh-sm: 0 1px 2px oklch(.35 .02 70 / .06), 0 1px 1px oklch(.35 .02 70 / .04);--sh-md: 0 2px 6px oklch(.35 .02 70 / .07), 0 1px 2px oklch(.35 .02 70 / .05);--sh-lg: 0 12px 30px oklch(.3 .02 70 / .12), 0 4px 10px oklch(.3 .02 70 / .07);--sh-xl: 0 28px 70px oklch(.26 .02 70 / .2), 0 8px 24px oklch(.26 .02 70 / .11);--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--topbar-h: 56px;--side-w: 232px;--content-max: 1180px;--dur: .18s;--ease: cubic-bezier(.32, .72, 0, 1)}[data-theme=dark]{--brand: oklch(.68 .115 256);--brand-hover: oklch(.74 .115 256);--brand-press: oklch(.62 .115 256);--brand-fg: oklch(.15 .02 256);--brand-tint: oklch(.34 .06 256);--brand-tint-2: oklch(.42 .08 256);--brand-ring: oklch(.68 .115 256 / .4);--brand-line: oklch(.68 .115 256 / .28);--bg: oklch(.205 .01 70);--surface: oklch(.238 .012 70);--surface-2: oklch(.268 .013 69);--surface-3: oklch(.305 .014 68);--sidebar: oklch(.218 .011 71);--ink: oklch(.93 .008 75);--ink-2: oklch(.74 .01 73);--ink-3: oklch(.58 .012 72);--line: oklch(.345 .014 70);--line-2: oklch(.42 .016 70);--ok-tint: oklch(.3 .06 150);--warn-tint: oklch(.34 .07 80);--warn-ink: oklch(.82 .13 80);--err-tint: oklch(.32 .08 25);--code-bg: oklch(.165 .012 70);--code-line: oklch(.27 .014 70);--sh-sm: 0 1px 2px oklch(0 0 0 / .3);--sh-md: 0 2px 8px oklch(0 0 0 / .36);--sh-lg: 0 14px 34px oklch(0 0 0 / .5);--sh-xl: 0 30px 80px oklch(0 0 0 / .6)}[data-accent=cobalt]{--brand: oklch(.52 .12 256);--brand-hover: oklch(.46 .122 256);--brand-press: oklch(.41 .12 256);--brand-fg: oklch(.99 .012 256);--brand-tint: oklch(.93 .035 256);--brand-tint-2: oklch(.86 .055 256);--brand-ring: oklch(.52 .12 256 / .3);--brand-line: oklch(.52 .12 256 / .2)}[data-accent=indigo]{--brand: oklch(.48 .13 285);--brand-hover: oklch(.42 .132 285);--brand-press: oklch(.37 .13 285);--brand-fg: oklch(.99 .012 285);--brand-tint: oklch(.93 .04 285);--brand-tint-2: oklch(.86 .06 285);--brand-ring: oklch(.48 .13 285 / .3);--brand-line: oklch(.48 .13 285 / .2)}[data-accent=teal]{--brand: oklch(.53 .085 200);--brand-hover: oklch(.47 .088 200);--brand-press: oklch(.42 .085 200);--brand-fg: oklch(.99 .012 200);--brand-tint: oklch(.92 .035 200);--brand-tint-2: oklch(.85 .055 200);--brand-ring: oklch(.53 .085 200 / .3);--brand-line: oklch(.53 .085 200 / .2)}[data-accent=forest]{--brand: oklch(.5 .09 150);--brand-hover: oklch(.44 .092 150);--brand-press: oklch(.39 .09 150);--brand-fg: oklch(.99 .012 150);--brand-tint: oklch(.92 .04 150);--brand-tint-2: oklch(.85 .06 150);--brand-ring: oklch(.5 .09 150 / .3);--brand-line: oklch(.5 .09 150 / .2)}[data-accent=terracotta]{--brand: oklch(.55 .115 45);--brand-hover: oklch(.49 .12 43);--brand-press: oklch(.44 .115 41);--brand-fg: oklch(.99 .012 60);--brand-tint: oklch(.92 .045 50);--brand-tint-2: oklch(.85 .07 48);--brand-ring: oklch(.55 .115 45 / .3);--brand-line: oklch(.55 .115 45 / .2)}[data-accent=ink]{--brand: oklch(.3 .012 75);--brand-hover: oklch(.24 .012 75);--brand-press: oklch(.19 .012 75);--brand-fg: oklch(.98 .006 80);--brand-tint: oklch(.915 .012 78);--brand-tint-2: oklch(.85 .016 76);--brand-ring: oklch(.3 .012 75 / .28);--brand-line: oklch(.3 .012 75 / .18)}[data-accent=plum]{--brand: oklch(.5 .12 330);--brand-hover: oklch(.44 .122 330);--brand-press: oklch(.39 .12 330);--brand-fg: oklch(.99 .012 330);--brand-tint: oklch(.93 .04 330);--brand-tint-2: oklch(.86 .06 330);--brand-ring: oklch(.5 .12 330 / .3);--brand-line: oklch(.5 .12 330 / .2)}[data-accent=wine]{--brand: oklch(.47 .13 18);--brand-hover: oklch(.41 .132 16);--brand-press: oklch(.36 .13 14);--brand-fg: oklch(.99 .012 30);--brand-tint: oklch(.92 .045 22);--brand-tint-2: oklch(.85 .07 20);--brand-ring: oklch(.47 .13 18 / .3);--brand-line: oklch(.47 .13 18 / .2)}[data-theme=dark][data-accent=cobalt]{--brand: oklch(.68 .115 256);--brand-hover: oklch(.74 .115 256);--brand-press: oklch(.62 .115 256);--brand-fg: oklch(.15 .02 256);--brand-tint: oklch(.34 .06 256);--brand-tint-2: oklch(.42 .08 256);--brand-ring: oklch(.68 .115 256 / .4);--brand-line: oklch(.68 .115 256 / .28)}[data-theme=dark][data-accent=indigo]{--brand: oklch(.68 .12 288);--brand-hover: oklch(.74 .12 288);--brand-press: oklch(.62 .12 288);--brand-fg: oklch(.15 .02 288);--brand-tint: oklch(.35 .07 288);--brand-tint-2: oklch(.43 .09 288);--brand-ring: oklch(.68 .12 288 / .4);--brand-line: oklch(.68 .12 288 / .28)}[data-theme=dark][data-accent=teal]{--brand: oklch(.7 .08 200);--brand-hover: oklch(.76 .082 200);--brand-press: oklch(.64 .08 200);--brand-fg: oklch(.14 .02 200);--brand-tint: oklch(.34 .05 200);--brand-tint-2: oklch(.42 .065 200);--brand-ring: oklch(.7 .08 200 / .4);--brand-line: oklch(.7 .08 200 / .28)}[data-theme=dark][data-accent=forest]{--brand: oklch(.68 .085 150);--brand-hover: oklch(.74 .088 150);--brand-press: oklch(.62 .085 150);--brand-fg: oklch(.14 .02 150);--brand-tint: oklch(.34 .05 150);--brand-tint-2: oklch(.42 .07 150);--brand-ring: oklch(.68 .085 150 / .4);--brand-line: oklch(.68 .085 150 / .28)}[data-theme=dark][data-accent=terracotta]{--brand: oklch(.71 .105 45);--brand-hover: oklch(.77 .107 47);--brand-press: oklch(.65 .105 43);--brand-fg: oklch(.16 .02 50);--brand-tint: oklch(.35 .06 45);--brand-tint-2: oklch(.43 .08 45);--brand-ring: oklch(.71 .105 45 / .4);--brand-line: oklch(.71 .105 45 / .28)}[data-theme=dark][data-accent=ink]{--brand: oklch(.82 .008 80);--brand-hover: oklch(.88 .008 80);--brand-press: oklch(.76 .008 80);--brand-fg: oklch(.18 .006 80);--brand-tint: oklch(.33 .01 78);--brand-tint-2: oklch(.41 .012 76);--brand-ring: oklch(.82 .008 80 / .4);--brand-line: oklch(.82 .008 80 / .26)}[data-theme=dark][data-accent=plum]{--brand: oklch(.68 .105 330);--brand-hover: oklch(.74 .107 330);--brand-press: oklch(.62 .105 330);--brand-fg: oklch(.15 .02 330);--brand-tint: oklch(.35 .06 330);--brand-tint-2: oklch(.43 .08 330);--brand-ring: oklch(.68 .105 330 / .4);--brand-line: oklch(.68 .105 330 / .28)}[data-theme=dark][data-accent=wine]{--brand: oklch(.66 .12 22);--brand-hover: oklch(.72 .122 24);--brand-press: oklch(.6 .12 20);--brand-fg: oklch(.15 .02 30);--brand-tint: oklch(.35 .07 22);--brand-tint-2: oklch(.43 .09 22);--brand-ring: oklch(.66 .12 22 / .4);--brand-line: oklch(.66 .12 22 / .28)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv05" 1,"ss01" 1}#root{height:100%}::selection{background:var(--brand-ring)}[data-density=compact]{--topbar-h: 50px}.mono{font-family:var(--mono);font-feature-settings:normal}.t-display{font-size:30px;font-weight:680;letter-spacing:-.02em;line-height:1.12}.t-h1{font-size:23px;font-weight:650;letter-spacing:-.015em;line-height:1.2}.t-h2{font-size:17px;font-weight:640;letter-spacing:-.01em}.t-h3{font-size:14px;font-weight:640;letter-spacing:-.005em}.t-eyebrow{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.t-body{font-size:14px;color:var(--ink-2)}.t-sm{font-size:12.5px;color:var(--ink-2)}.t-xs{font-size:11.5px;color:var(--ink-3)}.muted{color:var(--ink-3)}.ink-2{color:var(--ink-2)}h1,h2,h3,h4,p{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.btn{font-family:inherit;font-size:13px;font-weight:560;border-radius:var(--r-sm);border:1px solid transparent;padding:0 13px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur),color var(--dur),box-shadow var(--dur),transform var(--dur);-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-ring)}.btn .ic{width:15px;height:15px}.btn-primary{background:var(--brand);color:var(--brand-fg);box-shadow:var(--sh-sm)}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:active{background:var(--brand-press)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--line-2)}.btn-subtle{background:transparent;color:var(--ink-2)}.btn-subtle:hover{background:var(--surface-3);color:var(--ink)}.btn-danger{background:transparent;color:var(--err);border-color:color-mix(in oklch,var(--err) 35%,var(--line))}.btn-danger:hover{background:var(--err-tint)}.btn-lg{height:40px;font-size:14px;padding:0 18px}.btn-sm{height:28px;font-size:12px;padding:0 10px;border-radius:var(--r-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card-pad{padding:20px}[data-density=compact] .card-pad{padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.01em;padding:2px 8px;border-radius:var(--r-pill);border:1px solid transparent;line-height:1.5}.badge .dot{width:6px;height:6px;border-radius:50%}.badge-neutral{background:var(--surface-3);color:var(--ink-2);border-color:var(--line)}.badge-brand{background:var(--brand-tint);color:color-mix(in oklch,var(--brand) 80%,black);border-color:var(--brand-line)}[data-theme=dark] .badge-brand{color:var(--brand)}.badge-ok{background:var(--ok-tint);color:color-mix(in oklch,var(--ok) 75%,black)}[data-theme=dark] .badge-ok{color:#83dc97}.badge-warn{background:var(--warn-tint);color:var(--warn-ink)}.badge-err{background:var(--err-tint);color:var(--err)}.badge-mono{font-family:var(--mono);font-size:10.5px;padding:2px 7px}.input,.textarea,.select{font-family:inherit;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 11px;width:100%;transition:border-color var(--dur),box-shadow var(--dur)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.field-label{font-size:12px;font-weight:560;color:var(--ink-2);margin-bottom:6px;display:block}.toggle{width:38px;height:22px;border-radius:var(--r-pill);background:var(--line-2);position:relative;cursor:pointer;transition:background var(--dur) var(--ease);border:none;padding:0;flex:none}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--sh-sm);transition:transform var(--dur) var(--ease)}.toggle[data-on=true]{background:var(--brand)}.toggle[data-on=true]:after{transform:translate(16px)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box;border:3px solid transparent}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--side-w) 1fr;height:100%}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.brand-row{display:flex;align-items:center;gap:10px;padding:0 18px;height:var(--topbar-h);border-bottom:1px solid var(--line)}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--brand);display:grid;place-items:center;color:var(--brand-fg);flex:none;box-shadow:var(--sh-sm)}.brand-name{font-weight:660;font-size:14.5px;letter-spacing:-.01em}.nav{padding:12px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-2);font-size:13.5px;font-weight:530;transition:color var(--dur);position:relative;border:1px solid transparent}.nav-item:hover{background-color:var(--surface-3);color:var(--ink)}.nav-item.active{background-color:var(--brand-tint);color:color-mix(in oklch,var(--brand) 82%,black);font-weight:600}[data-theme=dark] .nav-item.active,.nav-item.active .ic{color:var(--brand)}.nav-item .ic{width:17px;height:17px;color:var(--ink-3);flex:none}.nav-item.active .ic{color:var(--brand)}.nav-sep{height:1px;background:var(--line);margin:10px 8px}.nav-spacer{flex:1}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 20px;background:color-mix(in oklch,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.topbar-title{font-weight:600;font-size:14px}.topbar-spacer{flex:1}.scroll-area{flex:1;overflow-y:auto;min-height:0}.page{max-width:var(--content-max);margin:0 auto;padding:28px 28px 80px}.page-wide{max-width:1320px}.page-head{margin-bottom:22px}.page-head .t-display{margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);font-size:12px;font-weight:540;color:var(--ink-2);cursor:pointer;transition:background var(--dur),border-color var(--dur)}.chip:hover{background:var(--surface-2);border-color:var(--line-2);color:var(--ink)}.chip .dot{width:7px;height:7px;border-radius:50%;flex:none}.chip-key{font-family:var(--mono);font-size:11.5px}.quota-chip{display:inline-flex;align-items:center;gap:12px;height:30px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface)}.quota-seg{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:540;color:var(--ink-2)}.quota-seg b{color:var(--ink);font-weight:620;font-variant-numeric:tabular-nums}.quota-bar{width:38px;height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden}.quota-bar i{display:block;height:100%;border-radius:3px;background:var(--brand);transition:width .6s var(--ease)}.quota-sep{width:1px;height:16px;background:var(--line)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,var(--brand-tint-2),var(--brand));color:var(--brand-fg);display:grid;place-items:center;font-size:12px;font-weight:680;cursor:pointer}.meter-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px;gap:10px}.meter-label{font-size:13px;font-weight:560;color:var(--ink);display:flex;align-items:center;gap:8px;white-space:nowrap}.meter-val{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.meter-val b{color:var(--ink);font-weight:600}.meter-track{height:9px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.meter-fill{height:100%;border-radius:var(--r-pill);background:var(--brand);transition:width .7s var(--ease)}.meter-fill.warn{background:var(--warn)}.meter-fill.err{background:var(--err)}.meter-sub{margin-top:8px;font-size:11.5px;color:var(--ink-3);display:flex;justify-content:space-between;gap:10px}.meter-sub span{white-space:nowrap}.conf-score{display:flex;align-items:center;gap:14px}.conf-ring{--p: .97;width:64px;height:64px;border-radius:50%;flex:none;background:conic-gradient(var(--brand) calc(var(--p) * 360deg),var(--surface-3) 0);display:grid;place-items:center;position:relative}.conf-ring.low{background:conic-gradient(var(--warn) calc(var(--p) * 360deg),var(--surface-3) 0)}.conf-ring:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--surface)}.conf-ring-val{position:relative;z-index:1;font-family:var(--mono);font-weight:660;font-size:16px}.conf-comp{display:flex;align-items:center;gap:10px;padding:7px 0}.conf-comp-name{font-family:var(--mono);font-size:12px;color:var(--ink-2);flex:1}.conf-comp-bar{width:90px;height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.conf-comp-bar i{display:block;height:100%;border-radius:3px}.conf-comp-val{font-family:var(--mono);font-size:11.5px;width:30px;text-align:right;color:var(--ink-2)}.fieldmap{display:flex;flex-direction:column;gap:5px}.fmap-row{display:grid;grid-template-columns:1fr 18px 86px auto;align-items:center;gap:8px;padding:5px;border-radius:var(--r-sm);transition:background var(--dur)}.fmap-row:hover{background:var(--surface-2)}.fmap-key{font-family:var(--mono);font-size:12px}.fmap-arrow{color:var(--ink-3);text-align:center}.fmap-slot{font-family:var(--mono);font-size:12px;color:var(--brand);font-weight:600}.fmap-edit{width:100%;font-family:var(--mono);font-size:12px;padding:4px 7px;border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface);color:var(--ink)}.fmap-edit:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-ring)}.label-stage{background:var(--surface-3);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;max-width:100%}.label-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%,transparent 75%,var(--line) 75%,var(--line)),linear-gradient(45deg,var(--line) 25%,transparent 25%,transparent 75%,var(--line) 75%,var(--line));background-size:16px 16px;background-position:0 0,8px 8px;opacity:.25}.label-paper{background:#fff;color:#111;box-shadow:var(--sh-lg);position:relative;z-index:1}.label-dims{position:relative;z-index:2;font-family:var(--mono);font-size:11px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);padding:3px 8px;border-radius:var(--r-pill)}.barcode{display:flex;align-items:stretch;height:100%;gap:0}.barcode i{display:block;background:#111}.codeblock{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--code-bg)}.code-tabs{display:flex;align-items:center;gap:2px;padding:6px 8px;background:#0f1217;border-bottom:1px solid var(--code-line)}.code-tab{font-size:12px;font-weight:540;color:var(--code-gutter);padding:5px 11px;border-radius:var(--r-xs);cursor:pointer;font-family:var(--sans);transition:background var(--dur),color var(--dur)}.code-tab:hover{color:var(--code-fg);background:#ffffff0d}.code-tab.active{color:var(--code-fg);background:#ffffff14}.code-spacer{flex:1}.code-copy{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:540;color:var(--code-gutter);background:transparent;border:1px solid var(--code-line);padding:4px 9px;border-radius:var(--r-xs);cursor:pointer;font-family:var(--sans);transition:color var(--dur),border-color var(--dur),background var(--dur)}.code-copy:hover{color:var(--code-fg);border-color:var(--code-gutter)}.code-copy.copied{color:var(--syn-str);border-color:var(--syn-str)}.code-body{padding:14px 16px;overflow-x:auto}.code-body pre{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--code-fg)}.code-body .label-pill{display:inline-block;font-size:10px;font-weight:600;color:var(--code-gutter);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-family:var(--sans)}.tok-cmd{color:var(--syn-cmd)}.tok-str{color:var(--syn-str)}.tok-num{color:var(--syn-num)}.tok-key{color:var(--syn-key)}.tok-punc{color:var(--syn-punc)}.tok-comm{color:var(--syn-comm);font-style:italic}.tok-fn{color:var(--syn-key)}.banner{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:var(--r-md);border:1px solid;font-size:13px}.banner .ic{flex:none;width:18px;height:18px;margin-top:1px}.banner-body{flex:1}.banner-title{font-weight:620;margin-bottom:2px}.banner-err{background:var(--err-tint);border-color:color-mix(in oklch,var(--err) 30%,var(--line));color:color-mix(in oklch,var(--err) 70%,var(--ink))}.banner-err .ic{color:var(--err)}.banner-warn{background:var(--warn-tint);border-color:color-mix(in oklch,var(--warn) 35%,var(--line));color:var(--warn-ink)}.banner-warn .ic{color:var(--warn-ink)}.banner-info{background:var(--brand-tint);border-color:var(--brand-line);color:color-mix(in oklch,var(--brand) 75%,var(--ink))}.banner-info .ic{color:var(--brand)}.lapsed-bar{background:var(--err);color:#fff;display:flex;align-items:center;gap:12px;padding:8px 20px;font-size:13px;font-weight:540}.lapsed-bar .ic{width:16px;height:16px}.lapsed-bar .btn{margin-left:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:620;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);padding:10px 14px;border-bottom:1px solid var(--line)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background var(--dur);cursor:default}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr.clickable:hover{background:var(--surface-2)}.tbl .mono{font-size:12px}.check-item{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);transition:border-color var(--dur);cursor:pointer}.check-item:hover{border-color:var(--line-2);background:var(--surface-2)}.check-item.done{background:var(--surface-2)}.check-box{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center;flex:none;transition:all var(--dur)}.check-item.done .check-box{background:var(--ok);border-color:var(--ok);color:#fff}.check-num{width:22px;height:22px;border-radius:50%;background:var(--brand-tint);color:color-mix(in oklch,var(--brand) 80%,black);font-size:12px;font-weight:680;display:grid;place-items:center;flex:none}[data-theme=dark] .check-num{color:var(--brand)}.check-body{flex:1}.check-title{font-weight:580;font-size:13.5px}.check-item.done .check-title{text-decoration:line-through;color:var(--ink-3)}.check-desc{font-size:12px;color:var(--ink-3)}.sk{background:linear-gradient(100deg,var(--surface-3) 30%,var(--surface-2) 50%,var(--surface-3) 70%);background-size:200% 100%;animation:sk 1.3s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a151273;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:24px;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-xl);width:100%;max-width:460px;animation:pop .2s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-wide{max-width:560px}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a151266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;animation:fade .16s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:92vw;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--sh-xl);z-index:95;display:flex;flex-direction:column;animation:slidein .24s var(--ease)}@keyframes slidein{0%{transform:translate(100%)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.drawer-body{flex:1;overflow-y:auto;padding:22px}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:11px;background:var(--ink);color:var(--bg);padding:11px 15px;border-radius:var(--r-md);box-shadow:var(--sh-lg);font-size:13px;font-weight:530;animation:toastin .24s var(--ease);max-width:360px}[data-theme=dark] .toast{background:var(--surface-3);color:var(--ink);border:1px solid var(--line-2)}@keyframes toastin{0%{opacity:0;transform:translateY(12px)}}.toast .ic{width:16px;height:16px;flex:none}.toast .ok-ic{color:var(--ok)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.grid{display:grid}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.divider{height:1px;background:var(--line)}.kbd{font-family:var(--mono);font-size:11px;background:var(--surface-3);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:var(--r-xs);padding:1px 6px;color:var(--ink-2)}.empty{text-align:center;padding:48px 24px}.empty-ic{width:52px;height:52px;border-radius:var(--r-lg);background:var(--brand-tint);color:var(--brand);display:grid;place-items:center;margin:0 auto 16px}.dot-pulse{animation:pulse-dot 1.4s ease-in-out infinite}.fade-in{animation:fadeUp .32s var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}.seg{display:inline-flex;background:var(--surface-3);border-radius:var(--r-sm);padding:3px;gap:2px}.seg button{font-family:inherit;font-size:12px;font-weight:540;border:none;background:transparent;color:var(--ink-2);padding:5px 12px;border-radius:var(--r-xs);cursor:pointer;transition:all var(--dur)}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-sm)}.seg button:disabled{opacity:.5;cursor:not-allowed;color:var(--ink-3)}.seg-dpi button{font-family:var(--mono);font-weight:600}.icon-btn{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:background var(--dur),color var(--dur)}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.zoompan{position:relative;overflow:hidden;touch-action:none;outline:none}.zoompan-inner{transition:transform .13s var(--ease);transform-origin:center center;will-change:transform}.zoompan.dragging .zoompan-inner{transition:none}.zoom-ctrls{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:5px;opacity:0;transition:opacity .16s var(--ease);z-index:4}.zoompan:hover .zoom-ctrls,.zoompan:focus-within .zoom-ctrls,.zoompan.dragging .zoom-ctrls{opacity:1}.zoom-btn{width:28px;height:28px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh-sm);font-size:16px;font-weight:600;line-height:1;transition:background var(--dur)}.zoom-btn:hover:not(:disabled){background:var(--surface-2)}.zoom-btn:disabled{opacity:.4;cursor:default}.zoom-level{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:4px 7px;box-shadow:var(--sh-sm)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:14px;align-items:start}.gallery-card{font-family:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden;transition:border-color var(--dur),transform var(--dur),box-shadow var(--dur);padding:0}.gallery-card:hover{border-color:var(--brand-line);transform:translateY(-2px);box-shadow:var(--sh-md)}.gallery-card.open{border-color:var(--brand)}.gallery-thumb{background:var(--surface-3);display:grid;place-items:center;padding:12px;min-height:130px}.gallery-thumb .label-stage{padding:0;background:transparent}.gallery-thumb .label-stage:before{display:none}.gallery-thumb .label-dims{display:none}.gallery-meta{padding:11px 13px;display:flex;flex-direction:column;gap:2px;position:relative}.gallery-name{font-family:var(--mono);font-weight:600;font-size:13px;color:var(--ink)}.gallery-chev{position:absolute;top:12px;right:11px}.gallery-expand{grid-column:1 / -1;animation:galleryDrop .26s var(--ease);overflow:hidden}@keyframes galleryDrop{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:800px}}.gallery-expand-inner{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start;background:var(--surface);border:1px solid var(--brand-line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-sm)}.gallery-stage{background:var(--surface-3);padding:18px;min-width:280px}.gallery-detail{flex:1;min-width:240px}.stat-grid{display:grid;gap:14px}.menu{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:6px;min-width:200px;z-index:50;animation:pop .16s var(--ease)}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);font-size:13px;color:var(--ink);cursor:pointer}.menu-item:hover{background:var(--surface-3)}.menu-item .ic{width:15px;height:15px;color:var(--ink-3)}.menu-sep{height:1px;background:var(--line);margin:5px 0}
