.sr-viz{background:var(--sr-bg,#0b0d0f);color:var(--sr-ink,#f3f5f0);border:1px solid var(--sr-line,#ffffff21);clip-path:polygon(0 0, calc(100% - var(--sr-chamfer,12px)) 0, 100% var(--sr-chamfer,12px), 100% 100%, 0 100%);display:grid}.sr-viz-stage{background:#08090b;position:relative;overflow:hidden}.sr-viz-render{object-fit:cover;animation:.5s cubic-bezier(.22,1,.36,1) both sr-viz-in}@keyframes sr-viz-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sr-viz-render{animation:none}}.sr-viz-vignette{z-index:1;pointer-events:none;background:linear-gradient(#04060529,#0000 38%,#04060580);position:absolute;inset:0}.sr-viz-label{z-index:2;border:1px solid var(--sr-line-strong,#ffffff42);background:color-mix(in srgb, var(--sr-bg) 78%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:4px;padding:10px 12px;display:grid;position:absolute;top:16px;left:16px}.sr-viz-label span{color:var(--sr-muted,#9aa4a8);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:7px;font-weight:700}.sr-viz-label strong{text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:700}.sr-viz-label small{color:var(--sr-accent,#3bd5ff);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:8px}.sr-viz-loading{z-index:2;background:color-mix(in srgb, var(--sr-bg) 82%, transparent);border:1px solid var(--sr-line-strong);color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;align-items:center;gap:10px;padding:8px 12px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:16px;right:16px}.sr-viz-loading i{background:var(--sr-line-strong);width:24px;height:2px;position:relative;overflow:hidden}.sr-viz-loading i:after{content:"";background:var(--sr-accent);width:40%;animation:.8s ease-in-out infinite alternate sr-viz-load;position:absolute;inset:0 auto 0 0}@keyframes sr-viz-load{to{transform:translate(150%)}}@media (prefers-reduced-motion:reduce){.sr-viz-loading i:after{animation:none}}.sr-viz-rail{border-top:1px solid var(--sr-line);background:var(--sr-surface,#14181c);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.sr-viz-rail button{border:0;border-right:1px solid var(--sr-line);border-bottom:1px solid var(--sr-line);min-height:58px;color:var(--sr-muted);text-align:left;cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:2px 9px;padding:9px 12px;transition:background .2s,color .2s;display:grid}.sr-viz-rail button i{border:1px solid var(--sr-line-strong);border-radius:50%;grid-row:1/span 2;width:16px;height:16px}.sr-viz-rail button span{letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.sr-viz-rail button small{color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:7px}.sr-viz-rail button:hover{color:var(--sr-ink)}.sr-viz-rail button.is-selected{background:color-mix(in srgb, var(--sr-accent,#3bd5ff) 10%, transparent);color:var(--sr-ink);box-shadow:inset 0 2px 0 var(--sr-accent)}.sr-viz-rail button.is-selected i{outline:1px solid var(--sr-accent);outline-offset:2px}.sr-viz-expectation{border-top:1px solid var(--sr-line);color:var(--sr-muted);margin:0;padding:12px 16px;font-size:11px;line-height:1.55}.sr-viz-expectation strong{color:var(--sr-ink);font-weight:600}img.sr-viz-render{width:100%;height:100%;position:absolute;inset:0}.sr-viz-carousel{z-index:0;opacity:0;transition:opacity .8s;animation:none}.sr-viz-carousel.is-on{opacity:.72}@media (prefers-reduced-motion:reduce){.sr-viz-carousel{transition:none}}.sr-viz-blank{z-index:3;text-align:center;background:color-mix(in srgb, var(--sr-bg,#0b0d0f) 60%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-content:center;justify-items:center;gap:10px;padding:26px;display:grid;position:absolute;inset:0}.sr-viz-blank-kicker{color:var(--sr-accent,#3bd5ff);font-family:var(--sr-font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:9px;font-weight:700}.sr-viz-blank>strong{max-width:16ch;font-family:var(--sr-font-display,sans-serif);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(24px,3.4vw,38px);font-weight:700;line-height:1}.sr-viz-blank>p{max-width:42ch;color:var(--sr-muted,#9aa4a8);margin:0;font-size:13px;line-height:1.55}.sr-viz-blank>small{color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);letter-spacing:.04em;font-size:9px}.sr-viz-upload{background:var(--sr-action,#ff7a1a);min-height:50px;color:var(--sr-action-ink,#1a0d02);font-family:var(--sr-font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:0;align-items:center;gap:10px;margin-top:6px;padding:0 22px;font-size:11px;font-weight:750;transition:filter .2s;display:inline-flex}.sr-viz-upload:hover{filter:brightness(1.08)}.sr-viz-upload span{font-size:15px}.sr-viz-change{z-index:4;border:1px solid var(--sr-line-strong,#ffffff42);background:color-mix(in srgb, var(--sr-bg) 78%, transparent);min-height:36px;color:var(--sr-ink,#f3f5f0);font-family:var(--sr-font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 12px;font-size:9px;font-weight:700;position:absolute;top:16px;right:16px}.sr-viz-loading{background:color-mix(in srgb, var(--sr-bg) 84%, transparent);border:0;border-top:1px solid var(--sr-line);flex-direction:column;align-items:flex-start;gap:6px;padding:18px;inset:auto 0 0}.sr-viz-loading>span{color:var(--sr-accent)}.sr-viz-loading>strong{color:var(--sr-ink);text-transform:uppercase;font-size:12px}.sr-viz-loading>b{background:var(--sr-line-strong);width:min(280px,70%);height:2px;display:block;position:relative;overflow:hidden}.sr-viz-loading>b em{background:var(--sr-accent);width:42%;animation:.9s ease-in-out infinite alternate sr-viz-load;position:absolute;inset:0}.sr-viz-scan{background:linear-gradient(90deg,#0000,#3bd5ff29,#0000);width:10%;height:100%;animation:1.15s ease-in-out infinite sr-viz-scanx;position:absolute;inset:0 auto 0 -12%}@keyframes sr-viz-scanx{0%{left:-12%}to{left:104%}}@media (prefers-reduced-motion:reduce){.sr-viz-loading>b em,.sr-viz-scan{animation:none}}.sr-viz-toast{z-index:8;border:1px solid var(--sr-line-strong);background:color-mix(in srgb, var(--sr-bg) 90%, transparent);color:var(--sr-ink);font-family:var(--sr-font-mono,monospace);letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 14px;font-size:10px;font-weight:650;animation:.3s both sr-viz-toast-in;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sr-viz-toast.is-ok{border-color:var(--sr-pass,#55d68b)}.sr-viz-toast.is-warn{border-color:var(--sr-action,#ff7a1a)}.sr-viz-toast.is-err{border-color:#ff6b6b}@keyframes sr-viz-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sr-viz-toast{animation:none}}.sr-viz-picker{border-top:1px solid var(--sr-line);background:var(--sr-surface,#14181c);display:grid}.sr-viz-finishes{border-bottom:1px solid var(--sr-line);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow-x:auto}.sr-viz-finishes button{border:0;border-right:1px solid var(--sr-line);min-width:96px;min-height:56px;color:var(--sr-muted);text-align:left;cursor:pointer;background:0 0;gap:2px;padding:9px 12px;transition:background .2s,color .2s;display:grid}.sr-viz-finishes button strong{text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.sr-viz-finishes button small{font-size:8px}.sr-viz-finishes button:hover{color:var(--sr-ink)}.sr-viz-finishes button.is-on{background:color-mix(in srgb, var(--sr-accent,#3bd5ff) 12%, transparent);color:var(--sr-ink);box-shadow:inset 0 -2px 0 var(--sr-accent)}.sr-viz-swatches{flex-wrap:wrap;gap:6px;padding:12px;display:flex}.sr-viz-swatches button,.sr-viz-custom{border:1px solid var(--sr-line-strong);background:var(--sr-bg,#0b0d0f);min-height:38px;color:var(--sr-muted);cursor:pointer;align-items:center;gap:8px;padding:5px 11px 5px 6px;display:inline-flex}.sr-viz-swatches button i,.sr-viz-custom input{border:1px solid #fff6;border-radius:50%;width:18px;height:18px;padding:0}.sr-viz-custom input{appearance:none;cursor:pointer;background:0 0}.sr-viz-custom input::-webkit-color-swatch-wrapper{padding:0}.sr-viz-custom input::-webkit-color-swatch{border:0;border-radius:50%}.sr-viz-swatches button em,.sr-viz-custom em{font-family:var(--sr-font-mono,monospace);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-style:normal}.sr-viz-swatches button:hover,.sr-viz-custom:hover{color:var(--sr-ink);border-color:var(--sr-accent)}.sr-viz-swatches button.is-on,.sr-viz-custom.is-on{color:var(--sr-ink);border-color:var(--sr-accent);background:color-mix(in srgb, var(--sr-accent) 10%, var(--sr-bg))}.sr-viz-swatches button.is-on i{outline:1px solid var(--sr-accent);outline-offset:2px}.sr-viz-split{grid-template-columns:1fr 1fr;gap:0;display:grid}.sr-viz-split>div{padding:4px 0}.sr-viz-split>div:first-child{border-right:1px solid var(--sr-line)}.sr-viz-split>div>span{color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px 2px;font-size:8px;font-weight:700;display:block}.sr-viz-actions{border-top:1px solid var(--sr-line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.sr-viz-generate{background:var(--sr-action,#ff7a1a);min-height:46px;color:var(--sr-action-ink,#1a0d02);font-family:var(--sr-font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);border:0;align-items:center;gap:10px;padding:0 20px;font-size:10px;font-weight:750;display:inline-flex}.sr-viz-generate:disabled{opacity:.6;cursor:wait}.sr-viz-applied{color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.sr-viz-file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.sr-viz-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-viz-label strong{font-size:11px}.sr-viz-split{grid-template-columns:1fr}.sr-viz-split>div:first-child{border-right:0;border-bottom:1px solid var(--sr-line)}}
.sr-tint{background:var(--sr-bg,#0b0d0f);color:var(--sr-ink,#f3f5f0);border:1px solid var(--sr-line,#ffffff21);clip-path:polygon(0 0, calc(100% - var(--sr-chamfer,12px)) 0, 100% var(--sr-chamfer,12px), 100% 100%, 0 100%);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.sr-tint-switch{border-bottom:1px solid var(--sr-line);background:var(--sr-surface,#14181c);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sr-tint-switch button{min-width:0;min-height:52px;color:var(--sr-muted,#9aa4a8);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 18px;transition:background .25s,color .25s;display:grid}.sr-tint-switch button+button{border-left:1px solid var(--sr-line)}.sr-tint-switch button:hover{color:var(--sr-ink)}.sr-tint-switch button.is-selected{background:var(--sr-accent,#3bd5ff);color:var(--sr-accent-ink,#06171d)}.sr-tint-switch small,.sr-tint-switch span{font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:8px;font-weight:700}.sr-tint-switch small{color:var(--sr-accent)}.sr-tint-switch strong{letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.sr-tint-switch span{text-align:right}.sr-tint-switch button.is-selected small,.sr-tint-switch button.is-selected span{color:var(--sr-accent-ink)}.sr-tint-workbench{background:radial-gradient(70% 70% at 50% 42%, #3bd5ff12, transparent 74%), var(--sr-bg);grid-template-columns:minmax(128px,.66fr) minmax(240px,1.1fr) minmax(148px,.72fr);gap:clamp(10px,1.7vw,20px);height:100%;min-height:min(64vw,500px);padding:clamp(12px,1.8vw,20px);display:grid}.sr-tint-panels,.sr-tint-presets{min-width:0;overflow:hidden}.sr-tint-panels header,.sr-tint-presets header{border-bottom:1px solid var(--sr-line);min-height:28px;color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:8px;font-weight:700;display:flex}.sr-tint-panels header b,.sr-tint-presets header b{color:var(--sr-accent);font-size:inherit}.sr-tint-panels>div,.sr-tint-presets>div{gap:5px;margin-top:9px;display:grid}.sr-tint-panels button{border:1px solid var(--sr-line);background:var(--sr-surface);min-width:0;min-height:44px;color:var(--sr-muted);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:10px;font-weight:650;display:flex}.sr-tint-panels button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-tint-panels button small{font-family:var(--sr-font-mono,monospace);flex:none;font-size:8px}.sr-tint-panels button:hover,.sr-tint-panels button.is-selected{border-color:var(--sr-accent);color:var(--sr-ink)}.sr-tint-panels button.is-selected small{color:var(--sr-accent)}.sr-tint-vehicle{place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.sr-tint-car{height:100%;max-height:480px;position:relative}.sr-tint-car>img{z-index:1;object-fit:contain;transform-origin:50% 38%;transform:scale(1.16)}.sr-tint-glass{z-index:2;transform-origin:50% 38%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.16)}.sr-tint-zone{cursor:pointer;outline:none}.sr-tint-pane{stroke:#0000;stroke-width:0;transition:fill-opacity .42s,stroke .25s}.sr-tint-zone.is-active .sr-tint-pane{stroke:var(--sr-accent);stroke-width:6px}.sr-tint-zone:focus-visible .sr-tint-pane{stroke:var(--sr-ink);stroke-width:8px}.sr-tint-sheen{opacity:.2;pointer-events:none}@media (prefers-reduced-motion:reduce){.sr-tint-pane{transition:none}}.sr-tint-readout{z-index:3;border:1px solid var(--sr-line-strong,#ffffff42);background:color-mix(in srgb, var(--sr-bg) 82%, transparent);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;justify-items:end;padding:7px 9px;display:grid;position:absolute;bottom:4%;right:4%}.sr-tint-readout b{color:var(--sr-accent);font-size:18px;line-height:1}.sr-tint-readout small{color:var(--sr-muted);margin-top:4px;font-size:7px}.sr-tint-presets button{border:1px solid var(--sr-line);background:var(--sr-surface);min-width:0;min-height:44px;color:var(--sr-ink);text-align:left;cursor:pointer;gap:3px;padding:7px 9px;display:grid}.sr-tint-presets button strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.sr-tint-presets button small{color:var(--sr-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.sr-tint-presets button:hover,.sr-tint-presets button.is-selected{border-color:var(--sr-accent)}.sr-tint-presets button.is-selected strong{color:var(--sr-accent)}.sr-tint-presets>p{color:var(--sr-muted);font-size:8px;line-height:1.4;font-family:var(--sr-font-mono,monospace);text-transform:uppercase;margin:9px 0 0}.sr-tint-interior{aspect-ratio:1672/941;background:var(--sr-bg);isolation:isolate;width:100%;min-width:0;max-height:min(60vh,520px);margin-inline:auto;position:relative;overflow:hidden}.sr-tint-interior>img{z-index:0;object-fit:cover;object-position:center}.sr-tint-interior-glass{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sr-tint-interior-glass path{transition:fill-opacity .42s}@media (prefers-reduced-motion:reduce){.sr-tint-interior-glass path{transition:none}}.sr-tint-interior-vignette{z-index:2;pointer-events:none;background:linear-gradient(#04060533,#0000 30% 64%,#04060585);position:absolute;inset:0}.sr-tint-interior-label,.sr-tint-interior-readout{z-index:3;border:1px solid var(--sr-line-strong);background:color-mix(in srgb, var(--sr-bg) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute}.sr-tint-interior-label{gap:5px;padding:10px 12px;display:grid;top:18px;left:18px}.sr-tint-interior-label span,.sr-tint-interior-readout>span{color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:7px;font-weight:700}.sr-tint-interior-label strong{text-transform:uppercase;font-size:11px;font-weight:700}.sr-tint-interior-readout{width:min(250px,100% - 36px);padding:13px 14px 12px;bottom:18px;right:18px}.sr-tint-interior-readout>strong{color:var(--sr-accent);font-family:var(--sr-font-mono,monospace);margin-top:4px;font-size:clamp(26px,3.4vw,42px);line-height:1;display:block}.sr-tint-interior-readout>strong small{color:var(--sr-muted);font-size:9px}.sr-tint-interior-readout>div{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:9px;display:grid;position:relative}.sr-tint-interior-readout>div:before,.sr-tint-interior-readout>div i{content:"";height:2px;position:absolute;top:0;left:0}.sr-tint-interior-readout>div:before{background:var(--sr-line);width:100%}.sr-tint-interior-readout>div i{background:var(--sr-accent);transition:width .42s}.sr-tint-interior-readout>div b{color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:7px;font-weight:650}.sr-tint-interior-readout>div b:last-child{text-align:right}.sr-tint-options{border-top:1px solid var(--sr-line);background:var(--sr-surface);grid-template-columns:repeat(auto-fit,minmax(64px,1fr));display:grid}.sr-tint-options button{border:0;border-right:1px solid var(--sr-line);min-height:64px;color:var(--sr-muted);font-family:var(--sr-font-mono,monospace);cursor:pointer;background:0 0;place-content:center;gap:3px;transition:background .25s,color .25s;display:grid}.sr-tint-options button:last-child{border-right:0}.sr-tint-options button b{font-size:12px;font-weight:650}.sr-tint-options button small{text-transform:uppercase;font-size:7px}.sr-tint-options button:not(:disabled):hover,.sr-tint-options button.is-selected{background:var(--sr-accent);color:var(--sr-accent-ink)}.sr-tint-options button:disabled{opacity:.45;cursor:not-allowed}.sr-tint-legal{border-top:1px solid var(--sr-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:14px 18px;display:flex}.sr-tint-legal p{max-width:62ch;color:var(--sr-muted);margin:0;font-size:11px;line-height:1.55}.sr-tint-flag{background:var(--sr-action,#ff7a1a);color:var(--sr-action-ink,#1a0d02);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;margin-right:6px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-block}.sr-tint-handoff{background:var(--sr-action);color:var(--sr-action-ink);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);align-items:center;gap:10px;padding:12px 16px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.sr-tint-handoff:hover span{transform:translate(4px)}.sr-tint-handoff span{transition:transform .25s}@media (max-width:860px){.sr-tint-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.sr-tint-presets{grid-column:1/-1}.sr-tint-presets>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.sr-tint-workbench{grid-template-columns:1fr}.sr-tint-car{width:min(72vw,320px);height:auto}.sr-tint-panels>div{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-tint-options button{min-height:56px}.sr-tint-switch strong{font-size:9px}}
.sr-gloss{background:var(--sr-bg,#0b0d0f);color:var(--sr-ink,#f3f5f0);border:1px solid var(--sr-line,#ffffff21);clip-path:polygon(0 0, calc(100% - var(--sr-chamfer,12px)) 0, 100% var(--sr-chamfer,12px), 100% 100%, 0 100%);grid-template-rows:minmax(0,1fr) auto auto;display:grid}.sr-gloss-lab{--lx:64%;--ly:42%;cursor:crosshair;touch-action:none;grid-template-columns:1fr 1fr;min-height:340px;display:grid;position:relative;overflow:hidden}.sr-gloss-half{position:relative;overflow:hidden}.sr-gloss-before{background:radial-gradient(90% 130% at 30% -20%,#2c3236 0%,#191d20 52%,#101316 100%)}.sr-gloss-before .sr-gloss-bloom{background:radial-gradient(38% 30% at var(--lx) var(--ly), #ecf2f457, #d6e0e41a 42%, transparent 70%);filter:blur(6px);position:absolute;inset:-40%}.sr-gloss-before[data-state=uncorrected]:after{content:"";mix-blend-mode:screen;pointer-events:none;background:repeating-linear-gradient(112deg,#0000 0 9px,#ffffff0d 9px 10px,#0000 10px 26px),repeating-linear-gradient(64deg,#0000 0 14px,#ffffff09 14px 15px,#0000 15px 34px);position:absolute;inset:0}.sr-gloss-after{background:radial-gradient(90% 130% at 70% -20%,#23282c 0%,#131719 50%,#0a0d0f 100%)}.sr-gloss-after .sr-gloss-bloom{background:radial-gradient(17% 13% at var(--lx) var(--ly), #ffffff80, #e2f0f424 46%, transparent 66%);filter:blur(2px);position:absolute;inset:-40%}.sr-gloss-after .sr-gloss-core{background:radial-gradient(4.5% 3.5% at var(--lx) var(--ly), #fffffff2, transparent 100%);position:absolute;inset:-40%}.sr-gloss-seam{background:var(--sr-line-strong,#ffffff42);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:50%}.sr-gloss-tag{z-index:2;border:1px solid var(--sr-line-strong);background:color-mix(in srgb, var(--sr-bg) 76%, transparent);font-family:var(--sr-font-mono,monospace);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:7px 9px;font-size:8px;font-weight:700;position:absolute;top:16px;left:16px}.sr-gloss-after .sr-gloss-tag{left:auto;right:16px}.sr-gloss-tag.is-accent{border-color:var(--sr-accent,#3bd5ff);color:var(--sr-accent)}.sr-gloss-gu{z-index:2;pointer-events:none;gap:3px;display:grid;position:absolute;bottom:16px;left:16px}.sr-gloss-after .sr-gloss-gu{justify-items:end;left:auto;right:16px}.sr-gloss-gu b{font-family:var(--sr-font-mono,monospace);font-size:clamp(30px,4vw,44px);font-weight:650;line-height:1}.sr-gloss-gu.is-accent b{color:var(--sr-accent)}.sr-gloss-gu span{max-width:21ch;color:var(--sr-muted,#9aa4a8);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:8px}.sr-gloss-after .sr-gloss-gu span{text-align:right}.sr-gloss-caption{z-index:2;text-align:center;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.sr-gloss-caption strong{font-size:12px;font-weight:650}.sr-gloss-caption small{color:var(--sr-muted);font-size:10px;transition:opacity .4s}.sr-gloss-caption small.is-hidden{opacity:0}.sr-gloss-range{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:44px;margin:0;position:absolute;inset:auto 0 0}.sr-gloss-range:focus-visible{opacity:1;accent-color:var(--sr-accent)}.sr-gloss-states{border-top:1px solid var(--sr-line);background:var(--sr-surface,#14181c);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sr-gloss-states button,.sr-gloss-states-fixed{border:0;border-right:1px solid var(--sr-line);min-height:62px;color:var(--sr-muted);text-align:center;cursor:pointer;background:0 0;place-content:center;gap:3px;padding:8px;transition:background .25s,color .25s;display:grid}.sr-gloss-states-fixed{cursor:default;color:var(--sr-accent);border-right:0}.sr-gloss-states button b,.sr-gloss-states-fixed b{font-family:var(--sr-font-mono,monospace);font-size:12px;font-weight:650}.sr-gloss-states button span,.sr-gloss-states-fixed span{text-transform:uppercase;letter-spacing:.04em;font-size:9px}.sr-gloss-states button:hover{color:var(--sr-ink)}.sr-gloss-states button.is-selected{background:var(--sr-accent,#3bd5ff);color:var(--sr-accent-ink,#06171d)}.sr-gloss-source{border-top:1px solid var(--sr-line);color:var(--sr-muted);margin:0;padding:12px 18px;font-size:10px;line-height:1.5}@media (max-width:560px){.sr-gloss-lab{min-height:280px}.sr-gloss-gu b{font-size:26px}.sr-gloss-caption{display:none}}
.sr-heal{background:var(--sr-bg,#0b0d0f);color:var(--sr-ink,#f3f5f0);border:1px solid var(--sr-line,#ffffff21);clip-path:polygon(0 0, calc(100% - var(--sr-chamfer,12px)) 0, 100% var(--sr-chamfer,12px), 100% 100%, 0 100%);grid-template-rows:minmax(0,1fr) auto auto auto;display:grid}.sr-heal-split{background:var(--sr-line);grid-template-columns:1fr 1fr;gap:1px;min-height:300px;display:grid}.sr-heal-panel{position:relative;overflow:hidden}.sr-heal-bare{background:radial-gradient(110% 130% at 32% -10%,#2b3134 0%,#181c1f 55%,#101315 100%)}.sr-heal-film{background:radial-gradient(110% 130% at 68% -10%,#262c30 0%,#15191c 55%,#0c0f11 100%)}.sr-heal-sheen{pointer-events:none;background:linear-gradient(118deg,#0000 30%,#3bd5ff14 46%,#0000 60%);position:absolute;inset:0}.sr-heal-chip{z-index:3;border:1px solid var(--sr-line-strong,#ffffff42);background:color-mix(in srgb, var(--sr-bg) 78%, transparent);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;padding:6px 9px;font-size:8px;font-weight:700;position:absolute;top:14px;left:14px}.sr-heal-chip.is-accent{border-color:var(--sr-accent,#3bd5ff);color:var(--sr-accent)}.sr-heal-scratch{z-index:2;width:88%;height:auto;position:absolute;inset:12% 6% auto}.sr-heal-scratch path{fill:none;stroke:#ffffffd9;stroke-width:1.6px;filter:drop-shadow(0 0 5px #ffffff8c);stroke-dasharray:420;stroke-dashoffset:420px;transition:stroke-dashoffset .9s,opacity .9s,transform .9s}.sr-heal.is-marked .sr-heal-scratch path{stroke-dashoffset:0}.sr-heal.is-outcome .sr-heal-film .sr-heal-scratch path{opacity:0;transform:scaleX(.86)}@media (prefers-reduced-motion:reduce){.sr-heal-scratch path{transition:none}}.sr-heal-heat{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(60% 52% at 50% 44%,#ff7a1a2e,#0000 74%);transition:opacity .7s;position:absolute;inset:0}.sr-heal.is-heated .sr-heal-heat{opacity:1}.sr-heal-sweep{z-index:2;opacity:0;pointer-events:none;background:#3bd5ff1f;width:16%;position:absolute;inset:0 auto 0 -18%}.sr-heal.is-outcome .sr-heal-sweep{animation:.9s ease-in-out both sr-heal-sweep}@keyframes sr-heal-sweep{0%{opacity:0;left:-18%}20%,80%{opacity:1}to{opacity:0;left:100%}}@media (prefers-reduced-motion:reduce){.sr-heal.is-outcome .sr-heal-sweep{animation:none}}.sr-heal-tag{z-index:3;border:1px solid var(--sr-line-strong);background:color-mix(in srgb, var(--sr-bg) 80%, transparent);opacity:0;text-align:right;justify-items:end;gap:3px;padding:8px 10px;transition:opacity .5s,transform .5s;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.sr-heal.is-outcome .sr-heal-tag{opacity:1;transform:translateY(0)}.sr-heal-tag b{font-family:var(--sr-font-mono,monospace);font-size:13px}.sr-heal-tag span{color:var(--sr-muted,#9aa4a8);text-transform:uppercase;font-size:9px}.sr-heal-tag-good b{color:var(--sr-pass,#55d68b)}.sr-heal-tag-bad b{color:var(--sr-action,#ff7a1a)}@media (prefers-reduced-motion:reduce){.sr-heal-tag{transition:none}}.sr-heal-caption{border-top:1px solid var(--sr-line);gap:4px;min-height:64px;padding:12px 18px;display:grid}.sr-heal-caption span{color:var(--sr-accent);font-family:var(--sr-font-mono,monospace);text-transform:uppercase;font-size:9px;font-weight:700}.sr-heal-caption small{color:var(--sr-muted);font-size:12px;line-height:1.5}.sr-heal-rail{border-top:1px solid var(--sr-line);background:var(--sr-surface,#14181c);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sr-heal-rail button{border:0;border-right:1px solid var(--sr-line);min-height:48px;color:var(--sr-muted);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:650;transition:background .25s,color .25s;display:flex}.sr-heal-rail button:last-child{border-right:0}.sr-heal-rail button span{color:var(--sr-accent);font-family:var(--sr-font-mono,monospace);font-size:8px}.sr-heal-rail button:hover{color:var(--sr-ink)}.sr-heal-rail button.is-on{background:var(--sr-accent);color:var(--sr-accent-ink,#06171d)}.sr-heal-rail button.is-on span{color:var(--sr-accent-ink)}.sr-heal-source{border-top:1px solid var(--sr-line);color:var(--sr-muted);margin:0;padding:12px 18px;font-size:10px;line-height:1.55}@media (max-width:640px){.sr-heal-split{grid-template-columns:1fr;min-height:0}.sr-heal-panel{min-height:170px}.sr-heal-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-heal-rail button{border-bottom:1px solid var(--sr-line)}}