:root{--s0:#07070a;--s1:#0e0e14;--s2:#16161e;--s3:#1f1f29;--s4:#2a2a36;--t1:#f6f6fa;--t2:#c0c0cc;--t3:#88889a;--tmute:#5a5a6a;--acc:#ff5d3b;--acc-bright:#ff7a55;--acc-soft:rgba(255,93,59,0.14);--acc-glow:rgba(255,93,59,0.40);--info:#6b8cff;--info-soft:rgba(107,140,255,0.14);--ok:#3dd982;--ok-soft:rgba(61,217,130,0.14);--warn:#f5a623;--warn-soft:rgba(245,166,35,0.12);--bd-soft:rgba(255,255,255,0.05);--bd:rgba(255,255,255,0.09);--bd-strong:rgba(255,255,255,0.16);--r1:4px;--r2:8px;--r3:12px;--r4:16px;--r5:20px;--pill:999px;--elev1:0 1px 2px rgba(0,0,0,.45);--elev2:0 6px 24px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.3);--elev3:0 18px 56px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4);--ease:cubic-bezier(0.16,1,0.3,1);--spring:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-fast:140ms;--dur-normal:220ms;--dur-slow:340ms;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--ui:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;--maxw:1180px;--check:repeating-conic-gradient(#1a1a22 0% 25%,#13131a 0% 50%) 50% /18px 18px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-normal:0ms;--dur-slow:0ms}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;background:var(--s0);color:var(--t1);font-family:var(--ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:dark}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 600px at 78% -8%,rgba(255,93,59,.09),transparent 60%),radial-gradient(700px 500px at 8% 18%,rgba(107,140,255,.06),transparent 55%),radial-gradient(1000px 700px at 50% 120%,rgba(61,217,130,.04),transparent 60%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--acc-soft);color:var(--t1)}:focus-visible{outline:2px solid var(--info);outline-offset:3px;border-radius:var(--r1)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}@media (max-width:680px){.wrap{padding:0 16px}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(7,7,10,.8);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--bd-soft)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}@media (max-width:680px){.nav-inner{padding:11px 16px;gap:8px}}.nav-left{gap:8px}.nav-brand,.nav-left{display:inline-flex;align-items:center}.nav-brand{gap:9px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--t1);text-decoration:none;transition:color var(--dur-fast)}.nav-brand:hover{color:var(--acc)}.nav-brand:active{color:var(--acc-bright)}.nav-brand:focus-visible{border-radius:var(--r2)}.nav-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc-glow),0 0 20px rgba(255,93,59,.2);flex-shrink:0}.nav-sep{color:var(--tmute);font-size:14px;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-app{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--t2)}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{font-size:13.5px;color:var(--t3);text-decoration:none;padding:7px 13px;border-radius:var(--r2);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav-links a:hover{color:var(--t1);background:var(--s2)}.nav-links a:active{color:var(--t1);background:var(--s3)}.nav-links a:focus-visible{border-radius:var(--r2)}@media (max-width:480px){.nav-links a{padding:7px 10px;font-size:13px}}.footer-link{color:var(--tmute);text-decoration:none;transition:color var(--dur-fast)}.footer-link:hover{color:var(--t2)}.footer-link:active{color:var(--t1)}.footer-link:focus-visible{border-radius:var(--r1)}.hero{max-width:var(--maxw);margin:0 auto;padding:64px 32px 44px}@media (max-width:680px){.hero{padding:44px 16px 32px}}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;color:var(--acc);text-transform:uppercase;letter-spacing:.15em;font-weight:500}.eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--acc),transparent)}.hero h1{font-size:clamp(28px,7.5vw,62px);font-weight:800;letter-spacing:-.038em;line-height:1.08;margin:18px 0 20px;max-width:760px;overflow-wrap:anywhere}.hero h1 .grad{background:linear-gradient(115deg,var(--acc) 0,var(--acc-bright) 45%,#ffb39d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{font-size:clamp(15px,2vw,18px);color:var(--t2);line-height:1.6;max-width:600px;margin:0 0 28px}.hero__trust{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--t3)}.hero__trust .item{display:inline-flex;align-items:center;gap:7px}.hero__trust .pulse{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0;box-shadow:0 0 0 0 rgba(61,217,130,.6);animation:pulse 2.2s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,217,130,.55)}70%{box-shadow:0 0 0 7px rgba(61,217,130,0)}to{box-shadow:0 0 0 0 rgba(61,217,130,0)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r2);border:1px solid transparent;font-size:13.5px;font-weight:600;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),opacity var(--dur-fast)}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{border-radius:var(--r2)}.btn--primary{background:var(--acc);color:#1a0a06;box-shadow:0 4px 16px var(--acc-glow)}.btn--primary:not(:disabled):hover{background:var(--acc-bright);transform:translateY(-1px);box-shadow:0 8px 28px var(--acc-glow)}.btn--ghost{background:linear-gradient(165deg,var(--s3),var(--s2));color:var(--t2);border-color:var(--bd);box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.05)}.btn--ghost:not(:disabled):hover{border-color:var(--bd-strong);background:linear-gradient(165deg,var(--s4),var(--s3));color:var(--t1);transform:translateY(-1px);box-shadow:var(--elev2),inset 0 1px 0 rgba(255,255,255,.08)}.btn--sm{padding:7px 13px;font-size:12.5px}.panel{background:var(--s1);border:1px solid var(--bd-soft);border-radius:var(--r5);box-shadow:var(--elev2);overflow:hidden}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--bd-soft);flex-wrap:wrap;min-height:64px}@media (max-width:680px){.panel__head{padding:14px 16px}.panel__body{padding:16px!important}}.panel__title{font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--t1)}.panel__title .sub{display:block;font-size:12px;font-weight:400;color:var(--t3);margin-top:2px}.panel__body{padding:24px}.panel__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.slots{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:680px){.slots{grid-template-columns:1fr;gap:12px}}.slot{border:1.5px dashed var(--bd);border-radius:var(--r3);background:linear-gradient(165deg,var(--s2),var(--s1));box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease),transform var(--dur-normal) var(--ease),box-shadow var(--dur-normal) var(--ease)}.slot:hover{border-color:var(--bd-strong);background:linear-gradient(165deg,var(--s3),var(--s2));box-shadow:var(--elev2),inset 0 1px 0 rgba(255,255,255,.06)}.slot.over{border-color:var(--acc);background:rgba(255,93,59,.07);transform:scale(1.006);box-shadow:0 0 0 4px rgba(255,93,59,.1),inset 0 0 32px rgba(255,93,59,.04)}.slot:not(.filled):active{transform:scale(.99);border-color:var(--bd-strong)}.slot:focus-visible{border-radius:var(--r3)}.slot.filled{cursor:default;border-style:solid;padding:0}.slot__label{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t1);background:rgba(7,7,10,.7);border:1px solid var(--bd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 9px;border-radius:var(--pill)}.slot__badge-a .slot__label,.slot__label--a{color:var(--info);border-color:rgba(107,140,255,.4)}.slot__label--b{color:var(--ok);border-color:rgba(61,217,130,.4)}.slot__icon{font-size:26px;line-height:1;margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(165deg,var(--s3),var(--s2));border:1px solid var(--bd-soft);box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.05);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform var(--dur-normal) var(--ease),border-color var(--dur-normal) var(--ease),box-shadow var(--dur-normal) var(--ease)}.slot:hover .slot__icon{transform:translateY(-2px);border-color:var(--bd);box-shadow:var(--elev2),inset 0 1px 0 rgba(255,255,255,.07)}.slot.over .slot__icon{transform:scale(1.04);border-color:rgba(255,93,59,.4);box-shadow:0 0 0 4px var(--acc-soft),inset 0 1px 0 rgba(255,255,255,.07)}.slot__title{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--t1);letter-spacing:-.01em}.slot__sub{color:var(--t3);font-size:12px;padding:0 16px;line-height:1.5;max-width:280px}.slot__img-wrap{width:100%;height:100%;min-height:200px;position:relative;background:var(--check)}.slot__img{width:100%;height:100%;max-height:320px;object-fit:contain;display:block}.slot__meta{position:absolute;bottom:8px;left:8px;right:8px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;color:var(--t2);background:rgba(7,7,10,.72);border:1px solid var(--bd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px;border-radius:var(--r2)}.slot__clear{border:0;background:transparent;color:var(--t3);font-size:13px;line-height:1;padding:2px 4px;border-radius:var(--r1);transition:color var(--dur-fast)}.slot__clear:hover{color:var(--acc)}.slot__clear:active{color:var(--acc-bright);transform:scale(.9)}.slot__clear:focus-visible{border-radius:var(--r1)}.slots-or{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0}.slots-cta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;flex-wrap:wrap}.slots-cta__or{color:var(--tmute);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em}.controls{display:flex;flex-direction:column;gap:18px}.control-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.control-label{display:flex;flex-direction:column;gap:2px;min-width:150px}.control-label .name{font-size:13px;font-weight:600;color:var(--t1)}.control-label .hint{font-size:11px;color:var(--t3)}.control-val{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--acc);background:var(--acc-soft);border:1px solid rgba(255,93,59,.22);padding:3px 10px;border-radius:var(--pill);min-width:56px;text-align:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;min-width:140px;height:4px;background:var(--s3);border-radius:var(--pill);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--acc);cursor:pointer;box-shadow:0 2px 8px var(--acc-glow),0 0 0 4px rgba(255,93,59,.12);-webkit-transition:transform var(--dur-fast) var(--spring);transition:transform var(--dur-fast) var(--spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:0;background:var(--acc);cursor:pointer;box-shadow:0 2px 8px var(--acc-glow),0 0 0 4px rgba(255,93,59,.12)}.view-tabs{display:flex;gap:3px;padding:4px;background:var(--s2);border:1px solid var(--bd-soft);border-radius:var(--r3);width:-moz-fit-content;width:fit-content;flex-wrap:wrap}@media (max-width:560px){.view-tabs{width:100%}.view-tab{flex:1 1;justify-content:center}}.view-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:var(--r2);border:1px solid transparent;color:var(--t3);font-size:12.5px;font-weight:600;background:transparent;white-space:nowrap;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}.view-tab:hover{color:var(--t1);background:var(--s3)}.view-tab:active{color:var(--t1);background:var(--s4);transform:scale(.97)}.view-tab:focus-visible{border-radius:var(--r2)}.view-tab.active{color:var(--t1);background:var(--acc-soft);border-color:rgba(255,93,59,.28)}.stage{position:relative;width:100%;border-radius:var(--r3);overflow:hidden;background:var(--check);border:1px solid var(--bd-soft);display:flex;align-items:center;justify-content:center}.stage canvas,.stage img{display:block;max-width:100%;height:auto}.stage--layer{position:relative}.stage--layer canvas{position:absolute;inset:0;margin:auto}.stage--layer .stage__base{position:relative}.sbs{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:680px){.sbs{grid-template-columns:1fr}}.sbs figure{margin:0}.sbs figcaption{font-family:var(--mono);font-size:10.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:700}.sbs figcaption.a{color:var(--info)}.sbs figcaption.b{color:var(--ok)}.onion-top{transition:opacity var(--dur-fast) linear}.swipe{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.swipe__clip{position:absolute;inset:0;overflow:hidden}.swipe__handle{top:0;bottom:0;width:2px;box-shadow:0 0 12px var(--acc-glow);z-index:3;transform:translateX(-1px)}.swipe__grip,.swipe__handle{position:absolute;background:var(--acc);cursor:ew-resize}.swipe__grip{top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;color:#1a0a06;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;box-shadow:0 4px 16px var(--acc-glow)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}@media (max-width:680px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--s2);border:1px solid var(--bd-soft);border-radius:var(--r3);padding:16px 18px;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast)}.stat__val{font-family:var(--mono);font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--t1);line-height:1.1}.stat__val.accent{color:var(--acc)}.stat__val.ok{color:var(--ok)}.stat__label{font-size:11.5px;color:var(--t3);margin-top:6px;font-weight:500}.stat__bar{height:4px;background:var(--s4);margin-top:12px;overflow:hidden}.stat__bar,.stat__bar>i{border-radius:var(--pill)}.stat__bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc-bright));transition:width var(--dur-slow) var(--ease)}.regions{display:flex;flex-direction:column;gap:0;border:1px solid var(--bd-soft);border-radius:var(--r3);overflow:hidden}.region{display:flex;align-items:center;gap:14px;padding:11px 16px;background:var(--s2);border-bottom:1px solid var(--bd-soft);transition:background var(--dur-fast)}.region:last-child{border-bottom:0}.region:hover{background:var(--s3)}.region__idx{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--acc);background:var(--acc-soft);border:1px solid rgba(255,93,59,.22);width:26px;height:26px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.region__coords{font-family:var(--mono);font-size:12px;color:var(--t2);flex:1 1;min-width:0}.region__coords b{color:var(--t1)}.region__pixels{color:var(--t3)}.count-pill,.region__pixels{font-family:var(--mono);font-size:11px;white-space:nowrap}.count-pill{color:var(--acc);background:var(--acc-soft);border:1px solid rgba(255,93,59,.22);padding:3px 10px;border-radius:var(--pill)}.note{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;margin-bottom:16px;background:var(--warn-soft);border:1px solid rgba(245,166,35,.22);border-radius:var(--r2);color:var(--t2);font-size:12.5px;line-height:1.5}.note .ic{color:var(--warn);flex-shrink:0}.note b{color:var(--t1)}.spinner{width:18px;height:18px;border:2px solid var(--bd);border-top-color:var(--acc);border-radius:50%;animation:spin .65s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.empty{text-align:center;color:var(--t3);padding:48px 24px;font-size:14px;line-height:1.6}.empty strong{display:block;color:var(--t2);font-size:15px;margin-bottom:6px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--bd-soft);border-radius:var(--r3);overflow:hidden}@media (max-width:580px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--s1);padding:22px 20px;transition:background var(--dur-normal)}.step-card:hover{background:var(--s2)}.step-num{font-family:var(--mono);font-size:10.5px;color:var(--acc);font-weight:700;letter-spacing:.04em;margin-bottom:10px}.step-title{font-weight:700;font-size:14.5px;color:var(--t1);margin-bottom:6px;letter-spacing:-.01em}.step-desc{color:var(--t3);font-size:12.5px;line-height:1.55}.footer{max-width:var(--maxw);margin:56px auto 0;padding:28px 32px 52px;color:var(--tmute);font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--bd-soft)}@media (max-width:680px){.footer{padding:24px 16px 40px;flex-direction:column;gap:8px}}.footer span:last-child{font-family:var(--mono);font-size:11.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--s4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bd-strong)}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:fadeInPanel var(--dur-slow) var(--ease) both}.hero__cta-row{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.hero__kbd-hint{font-family:var(--mono);font-size:11.5px;color:var(--t3)}.empty-cta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;flex-wrap:wrap}.empty-cta__hint{font-family:var(--mono);font-size:11.5px;color:var(--t3)}.kbd{font-family:var(--mono);font-size:10.5px;color:var(--t2);background:var(--s3);border:solid var(--bd-strong);border-width:1px 1px 2px;border-radius:var(--r1);padding:2px 7px;line-height:1.5;box-shadow:var(--elev1)}.btn--kbd-hint,.kbd{display:inline-flex;align-items:center;justify-content:center;font-weight:700}.btn--kbd-hint{width:30px;height:30px;border-radius:var(--r2);background:var(--s2);border:1px solid var(--bd);color:var(--t3);font-size:14px;cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}.btn--kbd-hint:hover{color:var(--t1);background:var(--s3);border-color:var(--bd-strong)}.btn--kbd-hint:focus-visible{border-radius:var(--r2)}.shortcuts-backdrop{position:fixed;inset:0;z-index:200;background:rgba(7,7,10,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.shortcuts-backdrop,.shortcuts-panel{animation:fadeInPanel var(--dur-normal) var(--ease) both}.shortcuts-panel{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r4);box-shadow:var(--elev3);width:100%;max-width:400px}.shortcuts-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--bd-soft)}.shortcuts-title{font-size:14px;font-weight:700;color:var(--t1);letter-spacing:-.01em}.shortcuts-close{margin-left:auto}.shortcuts-list{list-style:none;margin:0;padding:8px 0}.shortcut-row{display:flex;align-items:center;gap:16px;padding:10px 20px;transition:background var(--dur-fast)}.shortcut-row:hover{background:var(--s3)}.shortcut-keys{display:flex;align-items:center;gap:4px;min-width:120px;flex-shrink:0}.shortcut-plus{color:var(--tmute);font-size:11px;margin:0 1px}.shortcut-desc{font-size:13px;color:var(--t2)}.diff-meta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--t3);margin-bottom:20px;padding:8px 14px;background:var(--s2);border:1px solid var(--bd-soft);border-radius:var(--r2)}.diff-meta b{color:var(--t2)}@keyframes statReveal{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-reveal{animation:statReveal var(--dur-normal) var(--ease) both}.control-row{background:linear-gradient(165deg,var(--s2),var(--s1));border:1px solid var(--bd-soft);border-radius:var(--r3);padding:14px 18px;box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.045)}.control-val{background:linear-gradient(165deg,var(--acc-soft),rgba(255,93,59,.07));box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.06);text-shadow:0 0 12px var(--acc-glow)}.view-tabs{background:linear-gradient(165deg,var(--s2),var(--s1));box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.045)}.view-tab.active{background:linear-gradient(165deg,var(--acc-soft),rgba(255,93,59,.06));box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.06)}.stat{background:linear-gradient(165deg,var(--s2),var(--s1));box-shadow:var(--elev2),inset 0 1px 0 rgba(255,255,255,.05);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast),box-shadow var(--dur-fast) var(--ease)}.stat:hover{transform:translateY(-2px);border-color:var(--bd);box-shadow:var(--elev3),inset 0 1px 0 rgba(255,255,255,.07)}.stat__val{text-shadow:0 0 14px rgba(0,0,0,.5)}.stat__val.accent{text-shadow:0 0 16px var(--acc-glow)}.stat__val.ok{text-shadow:0 0 16px var(--ok-soft)}.region{background:linear-gradient(165deg,var(--s2),var(--s1))}.region:hover{background:linear-gradient(165deg,var(--s3),var(--s2))}.count-pill,.region__idx{background:linear-gradient(165deg,var(--acc-soft),rgba(255,93,59,.07));box-shadow:var(--elev1),inset 0 1px 0 rgba(255,255,255,.06);text-shadow:0 0 10px var(--acc-glow)}.control-val,.count-pill,.region__coords,.region__pixels,.slot__meta,.stat__val{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}html:root{--check:repeating-conic-gradient(#e6e8e1 0% 25%,#f7f8f4 0% 50%) 50% /18px 18px}html,html body{overflow-x:clip}.id-file-input{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0;pointer-events:none}html body .b-main .id-wrap{padding-bottom:3rem}html body .panel{background:#fff;border:1px solid var(--bd);box-shadow:none}html body .panel__title{margin:0;font-size:1.05rem;font-weight:700;font-family:var(--b-font,inherit)}html body .panel__title .sub{font-size:.875rem;color:var(--t3)}html body .btn{min-height:44px;border-radius:999px;font-size:.925rem}html body .btn--sm{padding:0 1.1rem}html body .btn--primary{background:var(--b-signal,#2638d9)!important;color:#fff!important;box-shadow:none!important;border-color:transparent!important}html body .btn--primary:not(:disabled):hover{background:#1d2cb0!important;transform:none}html body .btn--ghost{background:#fff!important;color:var(--b-ink,#15171a);border:1.5px solid var(--b-rule,rgba(21,23,26,.18));box-shadow:none!important}html body .btn--ghost:not(:disabled):hover{border-color:var(--b-ink,#15171a);transform:none;box-shadow:none}html body .slot{background:var(--b-paper,#fbfbf8)!important;background-image:none!important;border:2px dashed color-mix(in srgb,var(--b-ink,#15171a) 24%,transparent)!important;border-radius:1.25rem!important;box-shadow:none!important}html body .slot:hover{border-color:color-mix(in srgb,var(--b-signal,#2638d9) 55%,transparent)!important}html body .slot.over{border-style:solid!important;border-color:var(--b-signal,#2638d9)!important;background:color-mix(in srgb,var(--b-signal,#2638d9) 7%,var(--b-paper,#fbfbf8))!important;transform:none}html body .slot:focus-visible{outline:3px solid var(--b-signal,#2638d9)!important;outline-offset:3px}html body .slot.filled{border-style:solid!important;border-width:1px!important;border-color:var(--bd)!important;background:#fff!important}html body .slot__label{font-size:12px;background:rgba(255,255,255,.92);border-color:var(--bd);-webkit-backdrop-filter:none;backdrop-filter:none}html body .slot__label--a{color:var(--info);border-color:color-mix(in srgb,var(--info) 35%,transparent)}html body .slot__label--b{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}html body .slot__icon{font-family:var(--b-font,inherit);font-size:22px;font-weight:800;color:var(--b-signal,#2638d9);background:color-mix(in srgb,var(--b-signal,#2638d9) 9%,var(--b-paper,#fbfbf8))!important;border:1px solid color-mix(in srgb,var(--b-signal,#2638d9) 20%,transparent)!important;box-shadow:none!important;filter:none}html body .slot__sub{font-size:.875rem;max-width:300px}html body .slot__err{margin-top:10px;padding:0 16px;font-size:.875rem;color:var(--danger,#b3261e)}html body .slot__meta{font-size:12px;color:var(--t1);background:rgba(255,255,255,.94);-webkit-backdrop-filter:none;backdrop-filter:none}html body .slot__clear{min-width:44px;min-height:44px;margin:-12px -10px -12px 0;font-size:15px;color:var(--t2)}html body .slots-cta{justify-content:flex-start;gap:14px;margin-top:20px}html body .slots-cta__or{font-family:var(--b-font,inherit);text-transform:none;letter-spacing:0;font-size:.925rem;color:var(--t3)}.slots-limits{margin:12px 0 0;font-size:.875rem;line-height:1.55;color:var(--t3);max-width:72ch}html body .control-row{background:var(--b-paper,#fbfbf8);background-image:none;box-shadow:none;border-color:var(--bd)}html body .control-label .name{font-size:.95rem}html body .control-label .hint{font-size:12px}html body .control-row label{font-size:.925rem!important;min-height:44px}html body .control-row input[type=checkbox],html body .panel__actions input[type=checkbox]{width:18px;height:18px;accent-color:var(--b-signal,#2638d9)}html body .panel__actions label{font-size:.925rem!important;min-height:44px}html body .control-val,html body .count-pill,html body .region__idx{background:var(--acc-soft);background-image:none;box-shadow:none;text-shadow:none;border-color:color-mix(in srgb,var(--acc) 25%,transparent);font-size:12px}html body input[type=range]{height:44px;background:transparent}html body input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--s4)}html body input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--s4)}html body input[type=range]::-webkit-slider-thumb{margin-top:-9px;width:22px;height:22px;box-shadow:0 0 0 4px var(--acc-soft)}html body input[type=range]::-moz-range-thumb{width:22px;height:22px;box-shadow:0 0 0 4px var(--acc-soft)}html body .view-tabs{background:var(--b-paper,#fbfbf8);background-image:none;box-shadow:none;border-color:var(--bd)}html body .view-tab{min-height:44px;font-size:.925rem;color:var(--t2)}html body .view-tab.active{background:var(--b-signal,#2638d9);background-image:none;color:#fff;border-color:transparent;box-shadow:none}html body .stat{background:#fff;background-image:none;box-shadow:none;border-color:var(--bd)}html body .stat:hover{transform:none;box-shadow:none}html body .stat__val,html body .stat__val.accent,html body .stat__val.ok{text-shadow:none}html body .stat__label{font-size:12px}html body .diff-meta{font-size:12px;background:var(--b-paper,#fbfbf8)}html body .diff-meta,html body .stage{border-color:var(--bd)}html body .swipe__handle{box-shadow:none}html body .swipe__grip{color:#fff;box-shadow:0 2px 8px rgba(21,23,26,.25);width:44px;height:44px}html body .sbs figcaption{font-size:12px}html body .region{background:#fff;background-image:none}html body .region:hover{background:var(--b-paper,#fbfbf8)}html body .region__coords,html body .region__pixels{font-size:12px}html body .note{font-size:.875rem;border-color:color-mix(in srgb,var(--warn) 30%,transparent)}@media (max-width:680px){html body .region{flex-wrap:wrap;gap:6px 12px}html body .region__pixels{margin-left:38px}html body .control-label{min-width:0}html body .panel__actions{width:100%}html body .panel__actions .btn{flex:1 1 auto;justify-content:center}}.id-file-input{display:none!important}