:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f0e9;background:#13161c;color-scheme:dark;--gold:#d8b56d;--muted:#969ba5;--line:#ffffff18}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#181c23cc;backdrop-filter:blur(18px);border-radius:7px;font-size:11px;font-weight:500;letter-spacing:.015em;padding:9px 12px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}button:hover{background:#363b44cc;border-color:#ffffff38}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button[aria-pressed="true"]{color:#f3d598;border-color:#d8b56d70;background:#51412b60}button:disabled{opacity:.45;cursor:wait}.stage{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#2a303c,#141820 77%);touch-action:none}.stage canvas{display:block;width:100%;height:100%;outline:0}.masthead{position:absolute;top:26px;left:30px;pointer-events:none;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:9px;letter-spacing:.2em;font-weight:600;text-transform:uppercase}.eyebrow::before{content:"";display:block;width:22px;height:1px;background:var(--gold)}h1{margin:8px 0 5px;font-size:clamp(24px,3vw,38px);font-weight:560;letter-spacing:-.055em;line-height:1.03}.context{margin:0;color:var(--muted);font-size:10px;letter-spacing:.045em}.toolbar{position:absolute;top:26px;right:30px;display:flex;gap:5px;align-items:center;z-index:3}.views{display:flex;gap:5px}.toolbar .divider{height:20px;width:1px;background:var(--line);margin:0 3px}.bottom{position:absolute;bottom:23px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none;z-index:2}.hint{color:#979eac;font-size:10px;line-height:1.8;letter-spacing:.025em;text-shadow:0 1px 4px #111}.hint b{color:#d0d4dd;font-weight:450}.download-wrap{text-align:right;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.download-wrap small{font-size:9px;color:#797f89;letter-spacing:.025em}.download{color:#e1c187;padding:10px 15px}.download svg{width:12px;height:12px;vertical-align:-2px;margin-right:6px}.settings{position:absolute;right:30px;top:75px;width:236px;padding:19px 17px;background:#181c24ef;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 12px 35px #0004;z-index:4;backdrop-filter:blur(18px)}[hidden]{display:none!important}.settings h2{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#dfc58f;font-weight:500;margin:0 0 16px}.setting{margin:15px 0}.setting-label{display:flex;justify-content:space-between;font-size:11px;color:#c4c7d0;margin-bottom:9px}.settings input[type=range]{width:100%;accent-color:var(--gold);height:3px;cursor:pointer}.settings .toggle{width:100%;text-align:left;margin-top:8px}.setting-note{margin:13px 0 0;font-size:9px;line-height:1.7;color:#858b98}.load{position:absolute;inset:0;z-index:10;background:#13161cf5;display:flex;align-items:center;justify-content:center;transition:opacity .35s}.load.finished{opacity:0;pointer-events:none}.loader{width:min(330px,80vw);text-align:center}.loader-mark{font-size:12px;letter-spacing:.24em;color:var(--gold);margin-bottom:20px}.loader p{color:#969cab;font-size:11px;line-height:1.8;margin:0}.progress{height:2px;overflow:hidden;background:#ffffff12;margin:20px auto;width:190px}.progress span{height:100%;display:block;background:var(--gold);width:4%;transition:width .25s}.error{color:#dfa394!important;white-space:pre-wrap}.toast{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);padding:10px 16px;border:1px solid #ffffff23;border-radius:7px;background:#252b36e8;color:#d4d9e3;font-size:11px;z-index:8;backdrop-filter:blur(15px);max-width:85vw;text-align:center}.noscript{position:absolute;top:45%;width:100%;text-align:center;z-index:11;background:#16191f;padding:20px;color:#bbb}.brand-note{font-variant-numeric:tabular-nums}.settings-button{font-size:13px;padding:7px 11px}
@media(max-width:760px){.masthead{top:20px;left:19px}h1{font-size:29px}.eyebrow{font-size:8px}.context{font-size:9px}.toolbar{top:auto;bottom:90px;left:19px;right:19px;justify-content:center;flex-wrap:wrap}.toolbar button{font-size:10px;padding:8px 10px}.bottom{left:19px;right:19px;bottom:17px}.hint{font-size:9px;max-width:180px}.download{font-size:10px;padding:9px 10px}.download-wrap small{font-size:8px}.settings{top:auto;bottom:134px;right:19px;width:225px}.toolbar .divider{margin:0 1px}.context span{display:none}.toolbar .views{gap:4px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.ball-marker{position:absolute;width:30px;height:30px;border:1px solid #f0cd80;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;box-shadow:0 0 0 3px #1119}.ball-marker::before{content:"";position:absolute;width:4px;height:4px;background:#f0cd80;left:12px;top:12px;border-radius:50%}.ball-marker span{position:absolute;left:38px;top:4px;background:#141922dd;border:1px solid #d8b56d60;padding:4px 7px;border-radius:4px;color:#f0cd80;font-size:9px;white-space:nowrap;letter-spacing:.02em}
.reference-photo{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;object-fit:contain}.wipe-line{position:absolute;top:0;bottom:0;width:2px;background:#f8df9e;z-index:2;transform:translateX(-50%);cursor:ew-resize;touch-action:none;box-shadow:0 0 5px #000}.wipe-line::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:33px;height:33px;display:grid;place-items:center;border:1px solid #f8df9e;border-radius:50%;color:#f8df9e;background:#24252be8;font-size:17px}.comparison-panel{position:absolute;right:30px;top:86px;width:290px;padding:20px;background:#181c24f5;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 15px 40px #0005;z-index:4}.comparison-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.comparison-heading h2{margin:0;color:#e7ce98;font-size:12px;font-weight:550;letter-spacing:.04em}.comparison-heading button{padding:3px 8px;font-size:16px}.comparison-panel label{display:block;font-size:11px;color:#b9bec8;margin-bottom:8px}.comparison-panel select{width:100%;font:inherit;font-size:12px;padding:10px;color:#eee8de;background:#252b35;border:1px solid #ffffff26;border-radius:6px;margin-bottom:15px}.comparison-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:19px}.comparison-modes button{font-size:11px;padding:10px}.comparison-panel .setting-label{display:flex}.comparison-panel input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.comparison-panel p{font-size:10px;line-height:1.7;color:#969da9;margin:16px 0 0}.match-reference{width:100%;margin-top:15px}.comparing .stage{border:0;outline:1px solid #ffffff16;box-shadow:0 8px 35px #0005;overflow:hidden}.comparing .hint{display:none}.comparing .masthead h1{font-size:25px}.comparing .masthead .context{display:none}.comparing .stage canvas{position:absolute;inset:0}.comparing .bottom{bottom:15px}
@media(max-width:760px){.comparison-panel{top:auto;bottom:145px;left:12px;right:12px;width:auto;padding:12px}.comparison-heading{margin-bottom:8px}.comparison-panel select{margin-bottom:9px;padding:7px}.comparison-modes{display:flex;margin-bottom:8px;gap:5px}.comparison-modes button{flex:1;padding:7px}.comparison-panel .setting{margin:9px 0}.comparison-panel .setting-label{margin-bottom:4px}.comparison-panel p{display:none}.match-reference{margin-top:7px;padding:7px}.comparing .toolbar{bottom:80px}.comparing .masthead{top:16px}.comparing .eyebrow{font-size:7px}.comparing .masthead h1{font-size:23px}.comparing .bottom{bottom:12px}}

.home-link{display:inline-block;pointer-events:auto;margin-bottom:8px;color:var(--muted);text-decoration:none;font-size:11px}.home-link:hover{color:var(--gold)}.home-link:focus-visible{outline:1px solid var(--gold);outline-offset:4px}