*{box-sizing:border-box} :root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf0f6;background:#111b29;font-synthesis:none}body{margin:0}main{max-width:1120px;margin:auto;padding:32px 36px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #334151}.brand{color:#fff;text-decoration:none;font-size:25px;letter-spacing:.16em;font-weight:800}.brand span{display:block;font-size:12px;letter-spacing:.12em;color:#a9bacb;margin-top:3px}.badge{font-size:14px;border:1px solid #425367;padding:8px 12px;border-radius:24px}.intro{padding:38px 0 30px}.eyebrow,.step{font-size:12px;letter-spacing:.13em;font-weight:700;color:#5de0bb}h1{font-size:clamp(36px,5.5vw,64px);line-height:1.04;letter-spacing:-.04em;margin:16px 0}p{font-size:16px;line-height:1.6;color:#b8c7d6}h2{font-size:24px;line-height:1.2;letter-spacing:-.03em}.workspace{display:grid;grid-template-columns:1.1fr 1fr;background:#1b293a;border:1px solid #3c4d60;border-radius:20px;overflow:hidden}.photo{background:#0c1420;min-height:420px;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;position:relative}.frame-icon{display:inline-flex;border:1px solid #4d6f70;border-radius:42%;width:100px;height:128px;align-items:center;justify-content:center;color:#5de0bb;font-size:38px}#empty h2{margin-bottom:0}canvas{max-width:100%;height:auto;max-height:520px;object-fit:contain}.controls{padding:30px}.step{margin-top:0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border-radius:10px;font:inherit;font-size:15px;font-weight:650;border:1px solid transparent;cursor:pointer;text-align:center}.primary{background:#5de0bb;color:#102a26}.secondary{color:#e9f3f8;background:transparent;border-color:#60738a}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.4;cursor:not-allowed}.button:focus-visible,a:focus-visible,input:focus-visible,.button:focus-within{outline:3px solid #b2f9e5;outline-offset:4px}.actions label{position:relative}.actions input{position:absolute;width:1px;height:1px;opacity:0}#analyze{width:100%}#status{margin-top:18px;font-size:15px;line-height:1.5;color:#dbe8f2;min-height:46px}.privacy{font-size:14px;border-top:1px solid #3c4d60;padding-top:18px}.toggle{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:15px}.toggle input{accent-color:#5de0bb;width:20px;height:20px}.text-button{background:none;border:0;color:#b8c7d6;text-decoration:underline;font:inherit;padding:8px 0;cursor:pointer}.offline{display:grid;grid-template-columns:1fr auto;gap:0 24px;align-items:center;padding:28px 0}.offline h2{font-size:20px;margin-bottom:8px}.offline p{margin-top:0}.offline>p{grid-column:1/-1;font-size:14px}footer{border-top:1px solid #334151;padding-top:22px;font-size:12px;letter-spacing:.06em;color:#a9bacb;display:flex;justify-content:space-between;gap:24px}footer span{max-width:440px;letter-spacing:0;font-size:14px}[hidden]{display:none!important}@media(max-width:700px){main{padding:22px 18px}.intro{padding:24px 0}.intro h1 br{display:none}.eyebrow{font-size:11px}.workspace{grid-template-columns:1fr}.photo{min-height:230px;max-height:440px}.frame-icon{height:70px;width:60px;font-size:25px}#empty h2{font-size:20px}#empty p{font-size:14px}.controls{padding:22px}.controls h2{font-size:23px}.offline{grid-template-columns:1fr;gap:14px}.offline .button{width:100%}footer{flex-direction:column;gap:12px}.actions{margin-top:20px}}@media(prefers-reduced-motion:no-preference){.button{transition:filter .15s}}