:root{--paper:#F7F5F0;--card:#FFF;--ink:#16211E;--muted:#6B7370;--line:#E4E1D6;--sand:#D9B26B;--brand:#0B4F6C;--good:#1B7A3D;--bad:#B4341A;--warn:#9A6A15;--display:"Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 90px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}h1{font-size:clamp(32px,5.5vw,50px);line-height:1.05;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:var(--brand)}h1 .swipe{padding:0 2px}.lede{max-width:56ch;color:var(--muted);margin:0 0 30px;font-size:16px}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px;align-items:start}@media(max-width:940px){.grid{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.sticky{position:sticky;top:22px}@media(max-width:940px){.sticky{position:static}}fieldset{border:0;padding:0;margin:0 0 26px}fieldset:last-of-type{margin-bottom:0}legend{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:0 0 12px;display:block;width:100%;border-bottom:1px solid var(--line);margin-bottom:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.row{grid-template-columns:1fr}}.field{margin-bottom:14px}label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.hint{font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:400}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7;font-family:var(--display);font-size:14px;color:var(--ink)}input:focus,button:focus-visible,.drop:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input::placeholder{color:#b7b3a6}.check{display:flex;gap:9px;align-items:flex-start;margin-bottom:10px;font-size:13px}.check input{margin-top:3px;accent-color:var(--brand)}.check label{font-weight:500;margin:0}.drop{border:2px dashed var(--line);border-radius:12px;padding:22px;text-align:center;background:#fbfaf7;cursor:pointer}.drop.hot{border-color:var(--brand);background:#eff5f3}.drop p{margin:0;font-size:13px;color:var(--muted)}.shot{display:flex;gap:14px;align-items:center;margin-top:14px}.shot[hidden]{display:none}.shot img{width:68px;height:90px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.stat{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}.flag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--sand);color:#2a2013;padding:2px 7px;border-radius:20px;margin-bottom:4px}.tray{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.tray-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f1efe8;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:#d8d5c9}.tray-body{padding:20px 18px 22px}.tray-fake{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#3a3a36;line-height:1.6;padding-bottom:18px;margin-bottom:18px;border-bottom:1px dashed var(--line)}#preview{all:initial;display:block;font-family:Arial,Helvetica,sans-serif}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}button{font-family:var(--display);font-size:14px;font-weight:600;border-radius:8px;padding:11px 18px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}button.ghost{background:transparent;color:var(--ink)}button.ghost:hover{background:#f0eee6}button.primary{background:var(--brand);border-color:var(--brand)}button:disabled{opacity:.45;cursor:not-allowed}button.small{padding:8px 14px;font-size:13px}.results{margin-top:14px;font-size:13px}.results div{padding:7px 0;border-bottom:1px solid var(--line);display:flex;gap:9px;align-items:flex-start}.results div:last-child{border-bottom:0}.tick{font-family:var(--mono);font-weight:500;flex:0 0 auto}.ok .tick{color:var(--good)}.no .tick{color:var(--bad)}.hm .tick{color:var(--warn)}.meter{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:12px}.meter.over{color:var(--bad)}.steps{margin-top:26px}.steps h2{font-size:20px;letter-spacing:-.01em;margin:0 0 14px}details{border-top:1px solid var(--line);padding:14px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--mono);color:var(--muted)}details[open] summary:after{content:"−"}details ol,details p{font-size:14px;color:#3a3a36}details ol{margin:12px 0 0;padding-left:20px}details li{margin-bottom:7px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.22s;z-index:50;max-width:88vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.toast{transition:none}}