:root{color:#f4f1ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#191b1f;--surface-strong:#22252a;--line:#f4f1ec1f;--muted:#b9b3a9;--text:#f4f1ec;--accent:#ff745f;--accent-strong:#ff8f7d;--mint:#7ee0c2;--shadow:0 16px 38px #00000052;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#101114;min-height:100%}body{background:linear-gradient(#ff745f14,#0000 28%),#101114;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}img,video{max-width:100%;display:block}#root{min-height:100dvh}.app-shell{width:min(100%,520px);min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 18px calc(132px + env(safe-area-inset-bottom));margin:0 auto}.home-screen{flex-direction:column;justify-content:center;gap:24px;display:flex}.page-screen{flex-direction:column;gap:18px;display:flex}.centered-screen{justify-content:center}.hero-copy,.page-header{gap:12px;display:grid}.eyebrow{color:var(--mint);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}h1,h2,p{margin:0}h1{max-width:13ch;color:var(--text);letter-spacing:0;font-size:2.65rem;line-height:1.03}h2{color:var(--text);letter-spacing:0;font-size:1rem;line-height:1.3}p{color:var(--muted);letter-spacing:0;word-break:keep-all;font-size:1rem;line-height:1.62}.page-header h1{max-width:12ch;font-size:2rem}.privacy-note,.error-panel,.loading-panel,.grid-original,.result-preview{border:1px solid var(--line);box-shadow:var(--shadow);background:#191b1fe0;border-radius:8px}.privacy-note{gap:8px;padding:16px;display:grid}.text-button{color:var(--mint);background:0 0;border:0;justify-self:start;padding:0;font-weight:800}.bottom-actions{z-index:20;width:min(100%,520px);padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101114f0;gap:10px;display:grid;position:fixed;bottom:0;left:50%;right:0;transform:translate(-50%)}.primary-button,.secondary-button{letter-spacing:0;cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:52px;padding:0 18px;font-weight:850;transition:transform .15s,opacity .15s,border-color .15s}.primary-button{color:#1b110d;background:var(--accent-strong)}.secondary-button{color:var(--text);background:var(--surface-strong);border-color:var(--line)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.42}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.text-button:active{transform:translateY(1px)}.file-label{text-align:center;place-items:center;display:grid}.file-label input,.upload-dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.image-uploader{width:100%}.upload-dropzone{background:linear-gradient(135deg, #7ee0c21a, transparent 38%), var(--surface);cursor:pointer;border:1px dashed #f4f1ec3d;border-radius:8px;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.upload-preview{object-fit:cover;width:100%;height:100%;min-height:300px}.upload-placeholder{color:var(--text);font-weight:850}.consent-row{color:var(--muted);word-break:keep-all;grid-template-columns:24px 1fr;align-items:start;gap:10px;line-height:1.48;display:grid}.consent-row input{width:20px;height:20px;accent-color:var(--accent);margin-top:2px}.error-panel,.loading-panel{gap:14px;padding:18px;display:grid}.error-panel{border-color:#ff745f61}.error-actions{gap:10px;display:grid}.loading-panel{text-align:center;justify-items:center}.loading-panel h1{max-width:14ch;font-size:1.8rem}.loader{border:4px solid #f4f1ec24;border-top-color:var(--mint);border-radius:999px;width:52px;height:52px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.samples-screen{padding-bottom:calc(160px + env(safe-area-inset-bottom))}.grid-original{gap:10px;padding:12px;display:grid}.grid-original img{border-radius:6px;width:100%}.sample-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sample-card{aspect-ratio:1;background:var(--surface);cursor:pointer;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}.sample-card.is-selected{border-color:var(--mint)}.sample-card img{object-fit:cover;width:100%;height:100%}.camera-screen{background:#050507;width:min(100%,520px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.camera-video{object-fit:cover;background:#050507;width:100%;height:100%;position:absolute;inset:0}.camera-top-copy{top:calc(18px + env(safe-area-inset-top));z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0505077a;border:1px solid #ffffff24;border-radius:8px;max-width:220px;padding:10px 12px;position:absolute;left:16px}.camera-top-copy p{color:#fff;font-size:.9rem;line-height:1.38}.camera-status{z-index:8;color:#fff;background:#050507b3;border-radius:8px;padding:10px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-error-wrap{z-index:12;background:#050507b8;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.guide-thumbnail{top:calc(18px + env(safe-area-inset-top));z-index:7;background:#111;border:2px solid #ffffffe6;border-radius:8px;width:96px;height:96px;padding:0;position:absolute;right:16px;overflow:hidden;box-shadow:0 8px 24px #00000059}.guide-thumbnail.is-expanded{width:160px;height:160px}.guide-thumbnail img{object-fit:cover;width:100%;height:100%}.rule-of-thirds-overlay{z-index:4;pointer-events:none;background-image:linear-gradient(90deg,#0000 33.333%,#ffffff73 33.333% calc(33.333% + 1px),#0000 calc(33.333% + 1px)),linear-gradient(90deg,#0000 66.666%,#ffffff73 66.666% calc(66.666% + 1px),#0000 calc(66.666% + 1px)),linear-gradient(#0000 33.333%,#ffffff73 33.333% calc(33.333% + 1px),#0000 calc(33.333% + 1px)),linear-gradient(#0000 66.666%,#ffffff73 66.666% calc(66.666% + 1px),#0000 calc(66.666% + 1px));position:absolute;inset:0}.camera-actions{z-index:9;padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#050507d6 38%);grid-template-columns:1fr 86px 1fr;align-items:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.camera-side-button{color:#fff;background:#ffffff1c;border:1px solid #ffffff2e;border-radius:8px;min-height:48px;font-size:.88rem;font-weight:800}.camera-side-button.is-active{color:#1b110d;background:var(--mint)}.shutter-button{background:#fff3;border:3px solid #fff;border-radius:999px;place-items:center;width:78px;height:78px;padding:0;display:grid}.shutter-button span{background:#fff;border-radius:999px;width:58px;height:58px}.shutter-button:disabled{opacity:.45}.result-screen{padding-bottom:calc(300px + env(safe-area-inset-bottom))}.result-preview{position:relative;overflow:hidden}.result-photo{object-fit:contain;background:#050507;width:100%;max-height:62dvh}.result-guide{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050507b8;border-radius:8px;gap:6px;width:104px;margin:0;padding:8px;display:grid;position:absolute;bottom:12px;right:12px}.result-guide img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.result-guide figcaption{color:#fff;text-align:center;font-size:.78rem}.save-hint{color:var(--text);background:#7ee0c214;border:1px solid #7ee0c247;border-radius:8px;padding:12px}@media (width>=720px){.app-shell{padding-left:24px;padding-right:24px}.home-screen{gap:30px}}