@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff")}:root{--ink:#0f172a;--paper:#f8fafc;--surface:#fff;--blueprint:#1e40af;--blueprint-2:#3b82f6;--amber:#b45309;--line:#e2e8f0;--line-strong:#cbd5e1;--muted:#64748b;--pos:#15803d;--neg:#b91c1c;--grid:#1e40af0d;--ring:#1e40af;--font-display:"Space Grotesk Variable","Space Grotesk","Inter Tight",system-ui,sans-serif;--font-ui:"IBM Plex Sans Variable","IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",monospace;--r-plate:10px;--r-ctrl:6px;--r-pill:999px;--shadow-plate:0 1px 2px #0f172a0a, 0 8px 24px -16px #0f172a1a;--ease:.16s ease-out;--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:14px;--sp-6:20px;--sp-7:24px;--sp-8:32px;--sp-9:40px}*{box-sizing:border-box}output,select,.eyebrow,.analytics-eyebrow,.dz-label,.style-readout,.metric-value,.metric-delta,.hero-kicker,.hero-route,.hero-value,.metric-columns{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}body{min-height:100vh;color:var(--ink);font-family:var(--font-ui);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px;margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}.wrap{z-index:1;width:100%;max-width:1680px;margin:0 auto;padding:40px 32px 56px;position:relative}.header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:24px;padding-bottom:20px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 2px;font-size:12px}.name{font-family:var(--font-display);color:var(--ink);margin:0;font-size:38px;font-style:italic;font-weight:600;line-height:1}.sub{color:var(--ink);margin:6px 0 0;font-size:13px}.head-right{text-align:right;flex-direction:column;align-items:flex-end;gap:12px;display:flex}.disclaimer{max-width:320px;color:var(--ink);align-items:center;gap:7px;margin:0;font-size:12.5px;font-weight:300;display:inline-flex}.disclaimer svg{color:var(--blueprint);flex:none}.btn-ghost{font-family:var(--font-ui);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-ctrl);cursor:pointer;transition:background var(--ease), border-color var(--ease);background:0 0;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:inline-flex}.btn-ghost:hover{border-color:var(--muted);background:#cbd5e138}.dashboard{margin-top:32px}.scene{min-width:0;position:relative}.comparison-tools{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:20px;display:flex}.mode-switch{border:1px solid var(--line);border-radius:var(--r-ctrl);background:#f1f5f9;gap:2px;padding:3px;display:inline-flex}.mode-button{color:#475569;min-width:0;font:500 13px var(--font-ui);cursor:pointer;transition:color var(--ease), background var(--ease);background:0 0;border:0;border-radius:4px;padding:7px 12px}.mode-button:not(:disabled):hover{color:var(--ink)}.mode-button.active{color:#fff;background:var(--blueprint);box-shadow:0 1px 2px #1e40af40}.mode-button:disabled{cursor:not-allowed;opacity:.45}.opacity-control,.range-control{align-items:center;gap:var(--sp-3);color:var(--ink);grid-template-columns:auto minmax(96px,150px) 40px;font-size:13px;display:grid}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:999px;height:3px}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:999px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--blueprint);background:var(--surface);border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:0 1px 2px #0f172a2e}input[type=range]::-moz-range-thumb{border:2px solid var(--blueprint);background:var(--surface);border-radius:50%;width:15px;height:15px;box-shadow:0 1px 2px #0f172a2e}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #1e40af59}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #1e40af59}.opacity-control output,.range-control output{font-variant-numeric:tabular-nums;text-align:right}.zoom-control{flex:260px}.align-control{white-space:nowrap}.playback-controls{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.playback-controls label{align-items:center;gap:6px;font-size:13px;display:inline-flex}.playback-controls select{color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-ctrl);padding:7px 9px}.gif-indicator-toggle{white-space:nowrap}.gif-indicator-toggle:has(input:disabled){cursor:not-allowed;opacity:.55}.export-status:empty{display:none}.export-status{font-size:12px}.difference-legend{align-items:center;gap:16px;font-size:12px;display:flex}.difference-legend span{align-items:center;gap:6px;display:inline-flex}.difference-legend i{border-radius:50%;width:12px;height:12px}.legend-before{background:var(--neg)}.legend-after{background:var(--blueprint)}.alignment-status{color:var(--ink);border-left:2px solid var(--blueprint);border-radius:var(--r-plate);background:#1e40af2e;flex:1 0 100%;margin:0;padding:10px 12px;font-size:13px}.comparison{grid-template-columns:1fr 1fr;gap:24px;display:grid}.comparison-stage{background:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-plate);width:min(100%,760px);box-shadow:var(--shadow-plate), inset 0 0 60px -20px #0f172a73;margin:0 auto;position:relative;overflow:visible}.comparison-stage canvas{border-radius:var(--r-plate);width:100%;height:100%;display:block}.scene-content>.playback-controls{justify-content:center;gap:var(--sp-3) var(--sp-4);margin:var(--sp-3) auto 0;max-width:min(100%,760px)}@media (width>=720px){.dashboard{--plate-budget:max(340px, calc(100dvh - 232px))}.dropzone{max-height:var(--plate-budget);max-width:calc(var(--plate-budget) * 4 / 5);margin-inline:auto}.comparison-stage{max-height:var(--plate-budget)}.comparison-stage canvas{max-height:var(--plate-budget);object-fit:contain}}.comparison-stage .comparison-guides{z-index:2;cursor:crosshair;position:absolute;inset:0}.guide-role-legend{z-index:3;color:var(--paper);letter-spacing:.08em;background:#0f172ab8;border-radius:999px;gap:12px;padding:7px 10px;font-size:10px;display:flex;position:absolute;bottom:12px;right:12px}.guide-role-legend span{align-items:center;gap:5px;display:inline-flex}.role-line{border-top:2px solid;width:18px}.role-before{border-color:var(--amber)}.role-after{border-color:var(--blueprint)}.role-reference{border-color:#ffffffe6;border-top-style:dashed}.pane{margin:0}.dropzone{aspect-ratio:4/5;border:1.5px dashed var(--line-strong);cursor:pointer;transition:border-color var(--ease), background var(--ease);background:#cbd5e124;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragover{border-color:var(--ring);outline:2px solid var(--ring);outline-offset:2px;background:#cbd5e142}.pane.next .dropzone{border-color:var(--blueprint)}.dropzone.filled{border-style:solid;border-color:var(--line-strong);cursor:default;background:var(--line-strong)}.dz-empty{color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.dz-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:500}.dz-hint{color:var(--muted);font-size:13px}.viewport{width:100%;height:100%;position:relative}.dropzone.filled .viewport{position:absolute;inset:0}.viewport.photo-hidden{background:var(--ink)}.photo{object-fit:cover;width:100%;height:100%;transition:opacity var(--ease);display:block}.viewport.photo-hidden .photo{opacity:0}.points{z-index:2;pointer-events:none;position:absolute;inset:0}.points.has-guides{pointer-events:auto}.camera-photo{z-index:1;width:100%;height:100%;display:none;position:absolute;inset:0}.viewport.camera-active .camera-photo{display:block}.viewport.camera-active .photo{visibility:hidden}.viewport.photo-hidden .camera-photo{opacity:0}.points.hidden{display:none}.points{pointer-events:none}.guide-host{z-index:3;touch-action:none;outline:none;position:absolute;inset:0}.guide-host canvas{display:block}.comparison-stage .guide-host{z-index:3}.guide-toolbar{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--shadow-plate);background:#f8fafceb;border-radius:16px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.guide-toolbar[hidden]{display:none}.tool-button{width:40px;height:40px;color:var(--ink);cursor:pointer;transition:background var(--ease), color var(--ease);border-radius:12px;border-radius:var(--r-ctrl);background:0 0;border:0;place-items:center;display:grid}.tool-button:hover{color:var(--blueprint);background:#1e40af14}.tool-button.active{background:var(--blueprint);color:#fff;box-shadow:0 1px 2px #1e40af40}.tool-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.guide-style-bar{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--shadow-plate);background:#f8fafcf0;border-radius:18px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.guide-style-bar[hidden]{display:none}.style-divider{background:var(--line);width:1px;height:22px}.swatch{background:var(--swatch-color,var(--ink));cursor:pointer;background-clip:content-box;border:0;border-radius:50%;padding:14px;position:relative}.swatch:after{content:"";transition:inset var(--ease);pointer-events:none;border-radius:50%;position:absolute;inset:13px;box-shadow:inset 0 0 0 1px #0f172a38}.swatch:hover:after{inset:12px}.swatch.active:after{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--blueprint);inset:11px}.style-thickness input{width:90px;accent-color:var(--blueprint)}.style-dash{gap:4px;display:flex}.dash-button{border:1px solid var(--line);width:40px;height:30px;color:var(--ink);cursor:pointer;border-radius:9px;border-radius:var(--r-ctrl);background:0 0;place-items:center;display:grid}.dash-button.active{background:var(--blueprint);color:#fff;border-color:var(--blueprint)}.style-readout{font:500 13px var(--font-mono);color:var(--ink);text-align:center;min-width:84px}.style-delete{border-radius:var(--r-ctrl);width:36px;height:36px;color:var(--neg);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.style-delete:hover{background:#b91c1c1a}.style-delete:focus-visible,.dash-button:focus-visible,.swatch:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dropzone.filled:after{content:"";pointer-events:none;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 0 60px -20px #0f172a73}.pane-overlay{z-index:3;color:var(--paper);background:#0f172a8c;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;inset:0}.spinner{border:2px solid #f8fafc66;border-top-color:var(--paper);border-radius:50%;width:15px;height:15px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.filemeta{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12.5px;display:flex}.fname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replace{font-family:var(--font-ui);color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:12px;flex:none;padding:4px 10px;font-size:12px}.replace:hover{background:#cbd5e140}.pane-status{margin:var(--sp-2) 0 0;color:var(--neg);border-left:2px solid var(--neg);border-radius:var(--r-ctrl);background:#b91c1c14;padding:8px 10px;font-size:12.5px}.pane-status.is-quiet{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-foot{margin-top:var(--sp-3);justify-content:space-between;align-items:center;gap:20px;display:flex}.visibility-toggles{align-items:center;gap:18px;display:flex}.analytics-reveal,.analytics-hide{padding:0 var(--sp-4);min-height:44px;color:var(--ink);font:500 12px/1 var(--font-ui);border:1px solid var(--line-strong);border-radius:var(--r-ctrl);cursor:pointer;background:0 0}.analytics-reveal:hover,.analytics-hide:hover{border-color:var(--muted);background:#cbd5e138}.toggle{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--blueprint);width:15px;height:15px}.empty-hint{max-width:460px;color:var(--ink);text-align:right;margin:0;font-size:12.5px;font-weight:300}.analytics{border-radius:var(--r-plate);min-width:0;box-shadow:var(--shadow-plate);background:#cbd5e19e;border:1px solid #64748b2e;padding:20px}.analytics-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.analytics-eyebrow{color:var(--ink);letter-spacing:.13em;text-transform:uppercase;margin:0 0 2px;font-size:10px}.analytics h2{font:600 28px/1 var(--font-display);margin:0}.analytics-actions{align-items:center;gap:10px;display:flex}.guide-master{white-space:nowrap}.analytics-collapse{width:36px;height:36px;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-ctrl);cursor:pointer;transition:background var(--ease), border-color var(--ease);background:0 0;place-items:center;padding:0;display:grid}.analytics-collapse:hover{border-color:var(--muted);background:#f8fafc75}.analytics-collapse svg{transition:rotate var(--ease)}.analytics.is-collapsed .analytics-collapse svg{rotate:-90deg}.analytics-hero{margin-bottom:12px}.analytics-details{border-top:1px solid var(--line)}.metric-columns{min-height:31px;color:var(--ink);letter-spacing:.08em;text-align:right;text-transform:uppercase;grid-template-columns:26px minmax(116px,1fr) 58px 58px 68px 48px;align-items:center;gap:6px;padding-inline:10px;font-size:10px;display:grid}.metric-row-shell{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;display:grid}.metric-row{width:100%;min-height:43px;color:var(--ink);font:12px/1.25 var(--font-ui);text-align:left;cursor:pointer;transition:background var(--ease);background:0 0;border:0;grid-template-columns:26px minmax(116px,1fr) 58px 58px 68px;align-items:center;gap:6px;padding:7px 10px;display:grid;position:relative}.reference-toggle{min-width:0;color:var(--ink);cursor:pointer;border-left:1px solid var(--line);place-content:center;justify-items:center;gap:3px;font-size:9px;display:grid}.reference-toggle:hover{background:#f8fafc6b}.reference-toggle input{width:14px;height:14px;accent-color:var(--blueprint);margin:0}.reference-short{letter-spacing:.04em}.metric-row:before{content:"";background:0 0;width:2px;position:absolute;inset:6px auto 6px 0}.metric-row:hover,.metric-row.is-active{background:#f8fafc80}.metric-row:hover:before{background:var(--muted)}.metric-row.is-active:before{background:var(--amber)}.line-swatch{background:0 0;border:1px solid #64748bb3;border-radius:999px;width:22px;height:8px;display:block}.metric-row[aria-pressed=true] .line-swatch{background:#ffffffe0;border:0;height:2px;box-shadow:0 0 0 1px #0f172a1f}.analytics.master-lines-off .line-swatch{opacity:.38}.metric-label{min-width:0}.metric-value,.metric-delta,.hero-route,.hero-value{font-variant-numeric:tabular-nums}.metric-value,.metric-delta{text-align:right;white-space:nowrap}.metric-delta{text-align:center;border-radius:999px;justify-self:end;min-width:56px;padding:3px 6px}.state-positive{color:var(--pos)}.state-negative{color:var(--neg)}.state-neutral{color:var(--muted)}.state-unavailable,.na{color:var(--muted);white-space:normal}.metric-hero{border-radius:var(--r-plate);background:#f8fafcd6;border:1px solid #64748b2e;grid-template-columns:26px minmax(0,1fr) auto;min-height:118px;padding:14px}.metric-hero-shell{border-radius:var(--r-plate);border:1px solid #64748b2e;grid-template-columns:minmax(0,1fr) 60px;overflow:hidden}.metric-hero-shell .metric-hero{border:0;border-radius:0}.metric-hero-shell .reference-toggle{background:#f8fafc94}.metric-hero:before{inset-block:12px}.hero-copy{align-content:center;align-self:stretch;gap:2px;display:grid}.hero-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:9px}.hero-label{font:600 19px/1.1 var(--font-display)}.hero-route{margin-top:6px;font-size:11px}.hero-result{justify-items:end;gap:7px;display:grid}.hero-value{font:600 36px/1 var(--font-mono);white-space:nowrap}.hero-result .metric-delta{font-size:11px}.metric-empty{color:var(--ink);opacity:.72}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-ctrl)}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.metric-row,.analytics-collapse,.analytics-collapse svg{transition:none}}.wrap{max-width:1680px;padding:0 var(--sp-7) var(--sp-6)}.app-bar{z-index:20;align-items:center;gap:var(--sp-3) var(--sp-5);margin-inline:calc(-1 * var(--sp-7));padding:var(--sp-3) var(--sp-7);border-bottom:1px solid var(--line);background:var(--surface);min-height:60px;box-shadow:0 1px 0 var(--line), 0 6px 16px -12px #0f172a40;-webkit-backdrop-filter:saturate(140%)blur(6px);backdrop-filter:saturate(140%)blur(6px);flex-wrap:nowrap;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--sp-3);flex:none;display:flex}.brand-mark{color:var(--blueprint)}.name{color:var(--ink);font:600 21px/1 var(--font-display);letter-spacing:-.025em;margin:0}.app-bar .comparison-tools{align-items:center;gap:var(--sp-2) var(--sp-4);background:0 0;flex-wrap:wrap;flex:auto;order:0;min-width:0;margin:0;display:flex;position:static}.app-bar-actions{align-items:center;gap:var(--sp-2);flex:none;margin-inline-start:auto;display:flex}.dashboard{margin-top:var(--sp-6);align-items:start}.scene-layout{gap:var(--sp-4);grid-template-rows:minmax(0,1fr);grid-template-columns:104px minmax(0,1fr);min-width:0;display:grid}.scene-content{min-width:0}.guide-rail{z-index:5;width:104px;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-ctrl);background:var(--surface);box-shadow:var(--shadow-plate);grid-column:1;align-self:start;position:relative}.guide-rail[open]{max-height:calc(100dvh - 96px);overflow-y:auto}.guide-rail>summary{min-width:50px;min-height:44px;color:var(--muted);cursor:pointer;place-items:center;list-style:none;display:grid}.guide-rail>summary::-webkit-details-marker{display:none}.guide-rail>summary::marker{content:""}.guide-rail>summary:before{content:"›";font:500 18px/1 var(--font-mono);transition:transform var(--ease), color var(--ease);transform:rotate(90deg)}.guide-rail[open]>summary:before{transform:rotate(-90deg)}.guide-rail>summary:hover{color:var(--ink)}.guide-rail[open]>summary{border-bottom:1px solid var(--line)}.guide-rail-body{justify-items:center;gap:var(--sp-3);padding:var(--sp-3) 3px;display:grid}.guide-toolbar,.guide-style-bar{gap:var(--sp-1);width:92px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,44px);padding:0;display:grid;position:static;inset:auto;transform:translate(0,0)}.guide-style-bar{justify-items:center;gap:var(--sp-2) var(--sp-1);padding-top:var(--sp-3);border-top:1px solid var(--line);overflow:visible}.style-swatches{grid-column:1/-1;grid-template-columns:repeat(2,44px);justify-items:center;gap:0;display:grid}.style-dash{gap:var(--sp-1);grid-column:1/-1;grid-template-columns:repeat(2,44px);justify-content:center;display:grid}.style-divider{display:none}.style-thickness{grid-column:1/-1;place-items:center;min-height:44px;display:grid;overflow:hidden}.style-thickness input{width:80px}.style-readout{width:56px;min-width:0;min-height:26px;font:500 10px var(--font-mono);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:4px;grid-column:1/-1;justify-self:center;place-items:center;display:grid}.style-delete{grid-column:1/-1;justify-self:center}.comparison{gap:var(--sp-5)}.pane{min-width:0;position:relative}.dropzone{aspect-ratio:4/5;min-height:0;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-plate);box-shadow:var(--shadow-plate);position:relative;overflow:hidden}.dropzone.filled{background:var(--surface);border-color:var(--line-strong)}.caliper-ruler{z-index:8;pointer-events:none;opacity:.7;position:absolute}.ruler-top{background:repeating-linear-gradient(90deg, transparent 0 13px, var(--line-strong) 13px 14px);height:7px;inset:0 0 auto}.ruler-left{background:repeating-linear-gradient(0deg, transparent 0 13px, var(--line-strong) 13px 14px);width:7px;inset:0 auto 0 0}.viewport{border-radius:0}.filemeta{min-height:auto;margin-top:var(--sp-2);justify-content:flex-end;position:static}.replace{min-height:44px;padding:0 var(--sp-3);color:var(--blueprint);border-radius:var(--r-ctrl);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #0000}.replace:hover{border-color:var(--line);background:#1e40af0f}.pane-overlay,.guide-role-legend{color:var(--surface);text-shadow:0 1px 2px #0f172ae6;background:#0f172ad1;box-shadow:0 1px 3px #0f172a66}.analytics{padding:var(--sp-4);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-plate);box-shadow:var(--shadow-plate)}.analytics-header{min-height:44px;margin-bottom:var(--sp-2);justify-content:flex-end}.table-scroll{max-width:100%;overflow-x:auto}.metric-table{border-collapse:collapse;width:100%;font-size:11px}.metric-table th{color:var(--muted);border-bottom:1px solid var(--line);font:500 8.5px var(--font-mono);letter-spacing:.04em;text-align:right;text-transform:uppercase;padding:5px 3px}.metric-table th:first-child,.metric-table td:first-child{text-align:left}.metric-table td:not(:first-child),.metric-table th:not(:first-child){white-space:nowrap}.metric-table td.na{white-space:normal}.metric-table td{border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;padding:0 3px}.metric-table .before{color:var(--blueprint)}.metric-table .after{color:var(--amber)}.metric-table tr.is-active{background:var(--paper)}.metric-guide-toggle{width:100%;min-height:44px;color:var(--ink);font:500 12px/1.3 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 0}.metric-guide-toggle[aria-pressed=true]{color:var(--blueprint)}.metric-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.metric-guide-toggle{font-size:11.5px}.reference-toggle{background:0 0;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.reference-input{width:18px;height:18px;accent-color:var(--blueprint)}.reference-mark{border-top:1px dashed var(--muted);width:22px}.results-disclaimer{margin-top:var(--sp-4);padding-top:var(--sp-3);color:var(--muted);border-top:1px solid var(--line);font-size:11px}.results-disclaimer p{margin:0}button,select,summary,input[type=range]{min-height:44px}button,select,summary{min-width:44px}.toggle,.range-control,.opacity-control,.playback-controls label{min-height:44px}.tool-button,.dash-button,.style-delete,.swatch{width:44px;min-width:44px;height:44px;min-height:44px}.toggle,.reference-toggle{cursor:pointer}.skip-link{z-index:100;inset:var(--sp-3) auto auto var(--sp-3);padding:var(--sp-3) var(--sp-4);color:var(--surface);background:var(--blueprint);border-radius:var(--r-ctrl);transition:translate var(--ease);position:fixed;translate:0 -160%}.skip-link:focus{translate:0}.guide-host:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}.playback-phase{font:500 10px/1.2 var(--font-mono);color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pane,.skip-link{transition:none!important;animation:none!important}}@media (width>=1160px){.dashboard{gap:var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(320px,360px);display:grid}.dashboard:not(.has-analytics){grid-template-columns:minmax(0,1fr)}.analytics{max-height:calc(100vh - 104px);position:sticky;top:84px;overflow:auto}.guide-rail{position:sticky;top:84px}.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px) and (width<=1159.98px){.app-bar{flex-wrap:wrap}.app-bar .comparison-tools{flex-wrap:wrap;flex-basis:100%;order:3}.dashboard{gap:var(--sp-7);grid-template-columns:minmax(0,1fr);display:grid}.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics{width:100%}}@media (width<=719px){.wrap{padding:var(--sp-3)}.app-bar{gap:var(--sp-3);margin-inline:calc(-1 * var(--sp-3));padding-inline:var(--sp-3);flex-wrap:wrap;position:relative}.brand{flex:auto}.app-bar-actions{margin-inline-start:0}.app-bar .comparison-tools{flex-wrap:wrap;flex:1 0 100%;order:3;align-items:stretch}.mode-switch{width:100%}.mode-button{min-width:0}.zoom-control,.opacity-control,.playback-controls{flex:1 0 100%}.playback-controls{align-items:stretch}.dashboard{gap:var(--sp-6);grid-template-columns:minmax(0,1fr);display:grid}.scene-layout{gap:var(--sp-3);grid-template-columns:52px minmax(0,1fr)}.guide-rail{width:52px}.guide-toolbar,.guide-style-bar{grid-template-columns:44px;width:44px}.style-swatches,.style-dash{grid-template-columns:44px}.comparison{gap:var(--sp-6);grid-template-columns:minmax(0,1fr)}.analytics{min-width:0;padding:var(--sp-3)}.analytics-actions{flex-wrap:wrap;justify-content:flex-end}}