*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark;--color-bg: #06080d;--color-surface: #12151c;--color-text: #f5f7fa;--color-text-dim: #9aa3b2;--color-accent: #2fd8ff;--color-accent-contrast: #04141a;--color-border: #2a2f3a;--color-danger: #ff4d6d;--space-2: 1rem;--space-3: 1.5rem;--transition-fast: .14s ease-out}@media(prefers-color-scheme:light){:root{--color-bg: #eef1f5;--color-surface: #ffffff;--color-text: #0a0d12;--color-text-dim: #4b5563;--color-border: #cfd6df;--color-accent-contrast: #04141a}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.app-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-3);text-align:center}.landing,.capture,.preview,.processing,.result{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:32rem}.landing__eyebrow{color:var(--color-accent);font-weight:700;font-size:.8rem;letter-spacing:.18em}.landing__title,.capture__title,.preview__title,.result__title{font-size:clamp(1.75rem,7vw,3rem);font-weight:800;line-height:1;letter-spacing:-.02em}.landing__subtitle,.capture__subtitle{max-width:38ch;color:var(--color-text-dim);font-weight:500}.capture__actions,.preview__actions,.result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.capture__error{border:2px solid var(--color-danger);padding:.5rem .9rem;color:var(--color-danger);font-weight:600}.preview__image{width:min(320px,80vw);aspect-ratio:1 / 1;border:3px solid var(--color-accent);object-fit:cover}.processing__spinner{width:56px;height:56px;border:6px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing__message{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.result__canvas{width:min(360px,82vw);height:min(360px,82vw);border:3px solid var(--color-accent);background-color:var(--color-bg)}.result__status{max-width:34ch;color:var(--color-text-dim);font-weight:600}.btn{appearance:none;border:2px solid var(--color-text);border-radius:0;padding:.85rem 1.5rem;background:transparent;color:var(--color-text);font:inherit;font-weight:700;font-size:.95rem;letter-spacing:.02em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.btn:active{transform:scale(.97)}.btn--primary{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-accent-contrast)}.btn--secondary{border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{border-color:var(--color-border);color:var(--color-text-dim)}.btn--lg{padding:1.1rem 2rem;font-size:1.05rem}