:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#392d2d;background:#fffaf7}*{box-sizing:border-box}body{margin:0}.photo-tryon-demo{max-width:980px;margin:0 auto;padding:44px 20px 56px}.eyebrow,.lesson-kicker{font-size:12px;letter-spacing:.12em;color:#806563;margin:0 0 8px}h1{margin:0;font-size:clamp(30px,5vw,46px);letter-spacing:-.04em}header>p:not(.eyebrow){line-height:1.7;color:#675655;max-width:60ch}.privacy-card,.ar-card,.tryon-workspace{margin-top:28px;border:1px solid #ead8d2;border-radius:22px;background:#fff;padding:24px}.privacy-card h2,.ar-card h2,.workspace-header h2{margin:0;font-size:20px}.privacy-card p,.ar-card p{line-height:1.65;color:#675655;max-width:68ch}.consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5;margin:18px 0;color:#4c3938}.consent input{margin-top:4px;accent-color:#7a4e55}.upload-button,.state-controls button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #7a4e55;border-radius:999px;background:#7a4e55;color:#fff;padding:11px 16px;font:inherit;font-weight:650;cursor:pointer}.upload-button{opacity:.48;pointer-events:none}.photo-tryon-demo[data-consented=true] .upload-button{opacity:1;pointer-events:auto}.session-message{font-size:14px;min-height:1.5em;margin-bottom:0!important}.session-message[data-tone=error]{color:#a03543}.session-message[data-tone=success]{color:#35644d}.ar-controls{display:flex;gap:10px;margin-top:16px}.ar-card canvas{display:block;max-width:100%;margin-top:14px;border-radius:14px;background:#f4e4dc}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workspace-header span{font-size:12px;letter-spacing:.1em;color:#806563}.quiet-button{border:1px solid #c9aaa6;border-radius:999px;background:#fff;padding:9px 12px;color:#4c3938;font:inherit;cursor:pointer;white-space:nowrap}.state-controls{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.state-controls button{background:#fff;color:#4c3938;border-color:#c9aaa6;font-weight:500}.state-controls button[aria-pressed=true]{background:#664743;color:#fff;border-color:#664743}.canvas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.canvas-grid figure{margin:0;padding:14px;border:1px solid #ead8d2;border-radius:18px;background:#fffaf9}.canvas-grid figcaption{font-weight:650;margin-bottom:10px}.canvas-grid canvas{display:block;width:100%;height:auto;border-radius:12px;background:#f4e4dc}.lesson-card{margin-top:20px;padding:20px;border-radius:18px;background:#fff7f4;border:1px solid #ead8d2}.lesson-card h3{margin:0;font-size:19px}.lesson-change{margin:10px 0 0;line-height:1.6;color:#5d4544}.lesson-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:16px 0;padding-left:22px;line-height:1.6;color:#4c3938}.lesson-actions li{padding-left:2px}.lesson-check,.lesson-correction{margin:10px 0 0;padding:10px 12px;border-radius:10px;line-height:1.55;font-size:14px;background:#fff;color:#594845}.lesson-correction{background:#fff0ee}.note{font-size:13px;line-height:1.55;color:#745e5c;margin:18px 0 0}@media(max-width:620px){.photo-tryon-demo{padding:28px 16px}.privacy-card,.ar-card,.tryon-workspace{padding:18px}.canvas-grid,.lesson-actions{grid-template-columns:1fr}.workspace-header{display:block}.quiet-button{margin-top:14px}}
