:root{color-scheme:light;--ink: #162124;--muted: #5b6a70;--line: #d8e0df;--paper: #f8faf8;--panel: #ffffff;--primary: #335c67;--primary-dark: #25424a;--accent: #e09f3e;--danger: #9e2a2b;--ok: #4f7f58;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink)}button,select{font:inherit}button{min-height:42px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:#fff;padding:.6rem .85rem;cursor:pointer}button:hover,button:focus-visible{background:var(--primary-dark);outline:3px solid rgba(224,159,62,.45);outline-offset:2px}.app-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:#fff}.eyebrow{margin:0 0 .25rem;color:var(--danger);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.45rem,2.4vw,2.3rem)}h2{font-size:1rem}.device-note{max-width:24rem;margin:0;color:var(--primary-dark);font-weight:700}.app-shell{padding:1rem clamp(.75rem,2vw,1.5rem) 1.5rem}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}.segmented{display:inline-flex;overflow:hidden;border:1px solid var(--primary);border-radius:8px}.segmented button{border:0;border-radius:0;background:#fff;color:var(--primary-dark)}.segmented button+button{border-left:1px solid var(--primary)}.segmented .is-active{background:var(--accent);color:#191303}.select-label{display:inline-flex;align-items:center;gap:.45rem;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 .7rem;color:var(--muted);font-size:.95rem}select{border:0;background:transparent;color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr) minmax(14rem,20rem);gap:1rem;align-items:start}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:1rem}.image-list{display:grid;gap:.4rem;margin:0 0 1rem;padding-left:1.2rem}.image-list button{width:100%;border-color:var(--line);background:#fff;color:var(--ink);text-align:left}.image-list .is-current{border-color:var(--accent);background:#fff7ea}.privacy-box{border-left:4px solid var(--danger);background:#fff7f7;padding:.75rem;color:var(--ink)}.privacy-box+.privacy-box{margin-top:.75rem}.privacy-box p{margin-bottom:0;color:var(--muted)}.privacy-box.subtle{border-color:var(--ok);background:#f3faf4}.canvas-area{min-width:0}.camera-panel{display:grid;grid-template-columns:minmax(12rem,24rem) minmax(0,1fr);gap:.85rem;align-items:center;margin-bottom:.85rem;border:1px solid var(--line);border-radius:8px;background:#fff;padding:.75rem}.camera-panel[hidden]{display:none}.camera-panel video{width:100%;max-height:16rem;object-fit:contain;border-radius:6px;background:#111}.camera-copy{color:var(--muted)}.camera-copy strong{display:block;margin-bottom:.35rem;color:var(--primary-dark)}.camera-copy p{margin-bottom:0}.canvas-wrap{position:relative;display:grid;min-height:58vh;place-items:center;overflow:auto;border:1px solid var(--line);border-radius:8px;background:linear-gradient(45deg,#eef2f2 25%,transparent 25%),linear-gradient(-45deg,#eef2f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f2 75%),linear-gradient(-45deg,transparent 75%,#eef2f2 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}canvas{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;touch-action:none}.empty-state{position:absolute;inset:1rem;display:grid;place-items:center;color:var(--muted);text-align:center}.empty-state[hidden]{display:none}.status{min-height:1.6rem;margin:.7rem 0 0;color:var(--muted);font-weight:700}.review-grid{display:grid;gap:.75rem}.ai-panel{display:grid;gap:.55rem;margin-bottom:.85rem;border:1px solid var(--line);border-radius:8px;background:#f7fbfb;padding:.7rem}.ai-panel p{margin-bottom:0;color:var(--primary-dark);font-weight:700}.progress-wrap{width:100%;height:.7rem;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#e9eeee}.progress-bar{width:0%;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.progress-wrap.is-active .progress-bar{background:linear-gradient(90deg,var(--accent),var(--ok))}.progress-wrap.is-error .progress-bar{background:var(--danger)}.progress-label{color:var(--muted)!important;font-size:.9rem;font-weight:600!important}.step-list{display:grid;gap:.25rem;margin:0;padding-left:1.2rem;color:var(--muted);font-size:.9rem}.step-list li.is-current{color:var(--primary-dark);font-weight:800}.step-list li.is-done{color:var(--ok);font-weight:700}.step-list li.is-error{color:var(--danger);font-weight:800}.ai-panel ul{display:grid;gap:.3rem;margin:0;padding-left:1.1rem;color:var(--muted);font-size:.92rem}.review-card{min-height:4rem;border:1px solid var(--line);border-radius:8px;padding:.5rem;background:#fff;color:var(--muted);font-size:.9rem}.review-card img{display:block;width:100%;max-height:11rem;object-fit:contain;background:#f4f6f6;border-radius:6px}.review-card p{margin:.45rem 0 0;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.review-panel{order:3}}@media(max-width:720px){.app-header{align-items:start;flex-direction:column}.toolbar,.segmented,.segmented button,.toolbar>button,.select-label{width:100%}.segmented{display:grid;grid-template-columns:1fr 1fr}.segmented button+button{border-left:1px solid var(--primary)}.canvas-wrap{min-height:46vh}.camera-panel{grid-template-columns:1fr}}