:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f8f6f0;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-surface-glass:#ffffffc7;--bg-subtle:#f1ede4;--bg-muted:#e7e1d5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--border-subtle:#0f172a14;--border-default:#0f172a24;--border-focus:#1d4ed8;--primary:#0f274d;--primary-hover:#0a1b36;--primary-fg:#fff;--accent-blue:#2563eb;--accent-cyan:#0891b2;--accent-gold:#b48c36;--accent-gold-light:#fef3c7;--accent-emerald:#059669;--accent-emerald-light:#d1fae5;--accent-rose:#e11d48;--accent-rose-light:#ffe4e6;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 16px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 16px 36px -6px #0f172a1f, 0 6px 16px -4px #0f172a0f;--shadow-glow:0 0 28px #2563eb2e;--shadow-border:0px 0px 0px 1px oklch(0% 0 0/.06), 0px 1px 2px -1px oklch(0% 0 0/.06), 0px 2px 4px 0px oklch(0% 0 0/.04);--shadow-border-hover:0px 0px 0px 1px oklch(0% 0 0/.08), 0px 1px 2px -1px oklch(0% 0 0/.08), 0px 2px 4px 0px oklch(0% 0 0/.06);--image-outline:oklch(0% 0 0/.1);--ease-out:cubic-bezier(.2, 0, 0, 1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0a0e17;--bg-surface:#111827;--bg-surface-elevated:#1a2234;--bg-surface-glass:#111827d1;--bg-subtle:#182030;--bg-muted:#242f45;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--border-subtle:#ffffff17;--border-default:#ffffff29;--border-focus:#60a5fa;--primary:#3b82f6;--primary-hover:#2563eb;--primary-fg:#fff;--accent-blue:#60a5fa;--accent-cyan:#22d3ee;--accent-gold:#fbbf24;--accent-gold-light:#fbbf2426;--accent-emerald:#34d399;--accent-emerald-light:#34d39926;--accent-rose:#fb7185;--accent-rose-light:#fb718526;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px -2px #00000080;--shadow-lg:0 20px 45px -8px #000000a6;--shadow-glow:0 0 32px #3b82f647;--shadow-border:0 0 0 1px oklch(100% 0 0/.08);--shadow-border-hover:0 0 0 1px oklch(100% 0 0/.13);--image-outline:oklch(100% 0 0/.1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{text-wrap:balance}p,li,figcaption,blockquote{text-wrap:pretty}.tabular-nums{font-variant-numeric:tabular-nums}svg{flex-shrink:0}#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}a{color:inherit;text-decoration:none}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-fg);padding:10px 14px;font-weight:650;transition-property:transform;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:650;display:inline-flex}.badge-gold{background:var(--accent-gold-light);color:#92400e;border:1px solid #f59e0b40}[data-theme=dark] .badge-gold{color:#fbbf24}.badge-emerald{background:var(--accent-emerald-light);color:#065f46;border:1px solid #10b98140}[data-theme=dark] .badge-emerald{color:#34d399}.badge-indigo{color:#4f46e5;background:#6366f11f;border:1px solid #6366f140}[data-theme=dark] .badge-indigo{color:#818cf8}.badge-icon{flex-shrink:0}.text-muted{color:var(--text-muted)}.text-emerald-500{color:var(--accent-emerald)}.text-amber-500,.text-amber-400{color:var(--accent-gold)}[data-theme=dark] .text-amber-600{color:#fbbf24}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:650}.font-medium{font-weight:500}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.w-full{width:100%}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.text-center{text-align:center}.font-bold{font-weight:700}.block{display:block}.ml-auto{margin-left:auto}.cursor-pointer{cursor:pointer}.underline{text-decoration:underline}.text-red-500{color:#ef4444}.text-amber-600{color:#d97706}.text-emerald-400{color:#34d399}.text-accent-blue{color:var(--accent-blue)}.text-10px{font-size:10px}@keyframes spin360{to{transform:rotate(360deg)}}.animate-spin{animation:.9s linear infinite spin360}@keyframes pulseFade{0%,to{opacity:1}50%{opacity:.55}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseFade}.spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin360}.step-content,.feature-text,.kiosk-tip-content{flex:1;min-width:0}.drop-text-group{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.drop-main-icon{color:var(--accent-blue)}.shutter-icon{color:#fff}.radar-center-icon{color:var(--accent-blue)}.fill-emerald-soft{fill:#10b98133}.dot-sep{opacity:.35;font-weight:900}.app-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.ambient-backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(90px);opacity:.45;border-radius:50%;position:absolute}.orb-primary{background:radial-gradient(circle,#2563eb38 0%,#0000 70%);width:550px;height:550px;top:-150px;left:50%;transform:translate(-50%)}.orb-accent{background:radial-gradient(circle,#f59e0b24 0%,#0000 70%);width:480px;height:480px;bottom:-120px;right:-80px}[data-theme=dark] .orb-primary{background:radial-gradient(circle,#3b82f62e 0%,#0000 70%)}[data-theme=dark] .orb-accent{background:radial-gradient(circle,#6366f124 0%,#0000 70%)}.ambient-grid-pattern{opacity:.7;background-image:radial-gradient(#0f172a0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}[data-theme=dark] .ambient-grid-pattern{background-image:radial-gradient(#ffffff0d 1px,#0000 1px)}.app-container{z-index:1;width:min(840px,100%);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex;position:relative}.app-navbar{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:var(--shadow-border);justify-content:space-between;align-items:center;padding:8px 12px;transition-property:box-shadow,background-color;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.navbar-brand-wrap{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;display:flex}.navbar-brand-button{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.brand-logo-mark{background:var(--primary);width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:1fr 1fr;gap:3px;padding:4px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease-out;display:grid}.navbar-brand-button:hover .brand-logo-mark,.navbar-brand-wrap:hover .brand-logo-mark{transform:scale(1.04)}.mark-cell{background:#ffffffbf;border-radius:2px}.mark-cell.gold{background:var(--accent-gold)}.brand-text-block{flex-direction:column;gap:1px;min-width:0;display:flex}.brand-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;margin:0;font-size:.62rem;font-weight:650;line-height:1.2}.brand-title{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text-primary);white-space:nowrap;font-size:1.12rem;font-weight:750;line-height:1.15}.navbar-actions{align-items:center;gap:8px;display:flex}.nav-action-pill{border-radius:var(--radius-full);background:var(--bg-subtle);min-height:40px;color:var(--text-secondary);box-shadow:var(--shadow-border);align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:.8rem;font-weight:600;transition-property:background-color,color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;position:relative}.nav-action-pill:active{scale:.96}.nav-action-pill:hover{background:var(--bg-muted);color:var(--text-primary);box-shadow:var(--shadow-border-hover)}.nav-action-pill.highlight-pill{background:var(--accent-gold-light);color:#92400e}[data-theme=dark] .nav-action-pill.highlight-pill{color:#fbbf24}.nav-icon-btn{border-radius:var(--radius-full);background:var(--bg-subtle);width:40px;height:40px;color:var(--text-secondary);box-shadow:var(--shadow-border);justify-content:center;align-items:center;transition-property:background-color,color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;position:relative}.nav-icon-btn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-icon-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.nav-icon-btn:active{scale:.96}@media (width<=640px){.pill-text-desktop{display:none}.app-navbar{border-radius:16px;grid-template-columns:1fr;justify-items:stretch;gap:8px;padding:10px 16px 12px;display:grid}.navbar-brand-wrap{min-width:0}.navbar-actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.navbar-actions>button{box-sizing:border-box;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important}.nav-action-pill{justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.nav-icon-btn{width:40px;height:40px}.nav-icon-btn:after,.brand-eyebrow{display:none}.brand-title{font-size:1.05rem}.drop-buttons-row{flex-direction:column;width:100%}.drop-action-btn{width:100%}.demo-link-btn{white-space:normal;text-align:center;max-width:100%;height:auto;line-height:1.3}}.btn{letter-spacing:.01em;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px 0 18px;font-size:.95rem;font-weight:650;transition-property:background-color,color,box-shadow,filter,scale;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.btn:active:not(:disabled){scale:.96}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-static:active{scale:none}.btn-primary{color:#fff;background:linear-gradient(#1e3a8a 0%,#0f274d 100%);border-color:#ffffff1f;box-shadow:0 4px 14px #0f274d40}[data-theme=dark] .btn-primary{background:linear-gradient(#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 18px #2563eb59}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px #2563eb59}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-border);border-color:#0000}.btn-secondary:hover{background:var(--bg-subtle);box-shadow:var(--shadow-border-hover)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffffe0}.hero-uploader-workspace{flex-direction:column;gap:22px;display:flex}@keyframes enter-fade{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.stagger-in>*{animation:.4s ease-out both enter-fade}.stagger-in>:first-child{animation-delay:0s}.stagger-in>:nth-child(2){animation-delay:.1s}.stagger-in>:nth-child(3){animation-delay:.2s}.stagger-in>:nth-child(4){animation-delay:.3s}.stagger-in>:nth-child(5){animation-delay:.4s}.stagger-in>:nth-child(6){animation-delay:.5s}.stagger-in>.sr-only{animation:none}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 8px 0;display:flex}.hero-badge-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hero-headline{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:1.15}.hero-headline-gradient{font-family:var(--font-sans);color:var(--accent-blue);margin-top:6px;font-size:1.25rem;font-weight:600;display:block}.hero-subtext{max-width:560px;color:var(--text-secondary);font-size:.98rem;line-height:1.5}.hero-spec-note{color:var(--text-muted);margin-top:10px;font-size:.82rem}.doc-type-selector{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);gap:4px;margin-top:6px;padding:4px;display:inline-flex}.doc-type-pill{border-radius:var(--radius-full);min-height:40px;color:var(--text-muted);align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:650;transition-property:background-color,color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.doc-type-pill .pill-dot{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px}.doc-type-pill.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.doc-type-pill.active .pill-dot{background:var(--accent-emerald);opacity:1}.drop-zone-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border:2px dashed var(--border-default);border-radius:var(--radius-xl);text-align:center;cursor:pointer;box-shadow:var(--shadow-md);padding:40px 24px;transition-property:border-color,background-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:ease-out;position:relative;overflow:hidden}.drop-zone-card:hover,.drop-zone-card.drag-active{border-color:var(--accent-blue);background:var(--bg-surface-elevated);box-shadow:var(--shadow-glow), var(--shadow-lg);transform:translateY(-2px)}.drop-zone-inner{z-index:2;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.drop-icon-halo{width:68px;height:68px;color:var(--accent-blue);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#2563eb1f 0%,#f59e0b1f 100%);border-radius:50%;justify-content:center;align-items:center;transition-property:transform;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.drop-zone-card:hover .drop-icon-halo{transform:scale(1.08)}.drop-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.drop-subtitle{color:var(--text-muted);margin-top:4px;font-size:.88rem}.drop-subtitle kbd{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:4px;padding:2px 6px;font-size:.75rem;display:inline-block}.drop-buttons-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.drop-action-btn{min-height:48px;padding:0 22px 0 20px}.demo-trigger-wrap{margin-top:4px}.demo-error-text{color:var(--accent-rose);margin-top:8px;font-size:.78rem}.demo-link-btn{min-height:40px;color:var(--text-muted);border-radius:var(--radius-full);background:var(--bg-subtle);box-shadow:var(--shadow-border);align-items:center;gap:6px;padding:6px 14px 6px 12px;font-size:.82rem;font-weight:600;transition-property:background-color,color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.demo-link-btn:active:not(:disabled){scale:.96}.demo-link-btn:hover{color:var(--text-primary);background:var(--bg-muted)}.corner-crosshair{border-color:var(--accent-gold);opacity:.5;pointer-events:none;width:14px;height:14px;position:absolute}.corner-crosshair.top-left{border-top:2px solid;border-left:2px solid;top:14px;left:14px}.corner-crosshair.top-right{border-top:2px solid;border-right:2px solid;top:14px;right:14px}.corner-crosshair.bottom-left{border-bottom:2px solid;border-left:2px solid;bottom:14px;left:14px}.corner-crosshair.bottom-right{border-bottom:2px solid;border-right:2px solid;bottom:14px;right:14px}.feature-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.feature-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);box-shadow:var(--shadow-border);text-align:left;width:100%;color:inherit;gap:14px;padding:16px;display:flex}.feature-icon-circle{background:var(--bg-subtle);width:38px;height:38px;color:var(--accent-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-title{color:var(--text-primary);margin-bottom:3px;font-size:.88rem;font-weight:700}.feature-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4}.how-it-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.how-it-works-step{background:var(--bg-surface);border-radius:var(--radius-lg);color:var(--text-secondary);box-shadow:var(--shadow-border);align-items:flex-start;gap:10px;padding:14px 14px 14px 12px;font-size:.86rem;font-weight:550;line-height:1.4;display:flex}.how-it-works-num{background:var(--bg-subtle);width:22px;height:22px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:750;display:flex}.guidance-banner-row{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-border);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}@media (width<=640px){.hero-headline{font-size:1.55rem}.drop-title{font-size:1.1rem}.how-it-works-step{font-size:.8rem}.feature-cards-grid,.how-it-works{grid-template-columns:1fr}.guidance-banner-row{flex-direction:column;align-items:flex-start;gap:8px}}.camera-view-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;background:#0f172a;flex-direction:column;gap:14px;padding:16px;animation:.4s ease-out both enter-fade;display:flex}.camera-hud-top{justify-content:space-between;align-items:center;display:flex}.camera-hud-btn{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;align-items:center;gap:6px;min-height:40px;padding:6px 14px 6px 12px;font-size:.82rem;font-weight:600;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.camera-hud-btn:active{scale:.96}.camera-hud-btn:hover{background:#ffffff40}.camera-hud-btn.icon-only{justify-content:center;width:40px;height:40px;padding:0}.camera-spec-pill{border-radius:var(--radius-full);color:#fef3c7;letter-spacing:.02em;background:#f59e0b2e;border:1px solid #f59e0b59;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:650;display:flex}.camera-stage{aspect-ratio:3/4;background:#000;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.camera-video-stream{object-fit:cover;width:100%;height:100%}.camera-video-stream.mirror{transform:scaleX(-1)}.camera-loading-overlay{z-index:10;background:#0f172ae6;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.camera-biometric-guide{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.auto-snap-pill{border-radius:var(--radius-full);color:#cbd5e1;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:650;transition-property:background-color,color,border-color;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.auto-snap-pill.active{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b80}.guide-oval{border:2px solid #ffffffbf;border-radius:50%;width:62%;height:74%;transition:border-color .25s,box-shadow .25s;position:relative;box-shadow:0 0 0 9999px #0a0f198c,0 0 20px #3b82f659}.guide-oval.perfect{border-color:#10b981;box-shadow:0 0 0 9999px #0a0f198c,0 0 32px #10b98199}.guide-oval.tilted,.guide-oval.too-far,.guide-oval.too-close,.guide-oval.off-center{border-color:#f59e0b;box-shadow:0 0 0 9999px #0a0f198c,0 0 24px #f59e0b73}.guide-status-chip{border-radius:var(--radius-full);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;z-index:10;background:#0f172ad9;border:1px solid #fff3;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:650;transition-property:background-color,color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-out;display:inline-flex;position:absolute;bottom:-38px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.guide-status-chip.perfect{color:#a7f3d0;background:#064e3be6;border-color:#10b98199}.guide-status-chip.tilted,.guide-status-chip.too-far,.guide-status-chip.too-close,.guide-status-chip.off-center{color:#fde68a;background:#78350fe6;border-color:#f59e0b99}.auto-snap-progress-badge{border-radius:var(--radius-full);color:#fff;z-index:10;background:#10b981eb;align-items:center;gap:5px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #10b98180}.guide-crown-line{border-top:1.5px dashed #f59e0bd9;position:absolute;top:14%;left:20%;right:20%}.guide-eye-line{border-top:2px solid #22d3ee;position:absolute;top:40%;left:10%;right:10%}.guide-chin-line{border-top:1.5px dashed #34d399d9;position:absolute;bottom:12%;left:25%;right:25%}.guide-center-axis{border-left:1px dotted #fff6;position:absolute;top:8%;bottom:8%;left:50%}.countdown-display{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{font-size:7rem;font-weight:800;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 40px #3b82f6cc;animation:1s infinite countdownPulse}@keyframes countdownPulse{0%{opacity:.3;transform:scale(1.3)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.9)}}.shutter-flash{opacity:0;pointer-events:none;z-index:20;background:#fff;position:absolute;inset:0}.shutter-flash.active{opacity:1;transition:opacity .24s ease-out}.camera-guidance-bar{text-align:center;border-radius:var(--radius-md);background:#ffffff14;padding:8px 12px}.camera-instruction{color:#cbd5e1;font-size:.85rem}.camera-instruction strong{color:#22d3ee}.camera-hud-bottom{flex-direction:column;align-items:center;gap:12px;display:flex}.camera-options-row{justify-content:space-between;align-items:center;width:100%;display:flex}.timer-selector{border-radius:var(--radius-full);background:#ffffff1f;gap:3px;padding:3px;display:flex}.timer-option{border-radius:var(--radius-full);color:#94a3b8;font-variant-numeric:tabular-nums;align-items:center;gap:4px;min-height:36px;padding:4px 12px;font-size:.75rem;font-weight:650;transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.timer-option.active{color:#0f172a;background:#fff}.camera-flip-btn{border-radius:var(--radius-full);color:#fff;background:#ffffff1f;align-items:center;gap:6px;min-height:40px;padding:6px 12px 6px 10px;font-size:.78rem;font-weight:600;transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.camera-flip-btn:active{scale:.96}.camera-flip-btn:hover{background:#ffffff38}.camera-shutter-button{background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;transition:transform .15s,border-color .2s;display:flex;position:relative}.camera-shutter-button.charging{border-color:#10b98166;transform:scale(1.08)}.shutter-progress-ring{pointer-events:none;width:80px;height:80px;position:absolute;top:-8px;left:-8px;transform:rotate(-90deg)}.camera-shutter-button:hover:not(:disabled){transform:scale(1.04)}.camera-shutter-button:active:not(:disabled){transform:scale(.96)}.shutter-inner-ring{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.processing-workspace{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-border), var(--shadow-lg);flex-direction:column;align-items:center;gap:24px;padding:36px 24px;display:flex}.biometric-radar-container{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.radar-glow-halo{background:radial-gradient(circle,#2563eb40 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite alternate pulseGlow;position:absolute;inset:-15px}@keyframes pulseGlow{0%{opacity:.4;transform:scale(.95)}to{opacity:.9;transform:scale(1.08)}}.radar-orbit-ring{border:1px dashed var(--border-default);border-radius:50%;position:absolute}.ring-outer{border-color:#2563eb66;width:130px;height:130px;animation:12s linear infinite rotateClockwise}.ring-mid{border-style:solid;border-color:#2563eb33;width:95px;height:95px}.ring-inner{border-color:#f59e0b66;width:65px;height:65px;animation:8s linear infinite rotateCounter}@keyframes rotateClockwise{to{transform:rotate(360deg)}}@keyframes rotateCounter{to{transform:rotate(-360deg)}}.radar-sweep-beam{background:conic-gradient(#0000 0deg,#2563eb59 60deg,#0000 65deg);border-radius:50%;width:130px;height:130px;animation:2.2s linear infinite sweepRadar;position:absolute}@keyframes sweepRadar{to{transform:rotate(360deg)}}.radar-center-target{z-index:5;color:var(--accent-blue);position:relative}.radar-corner-bracket{border-color:var(--accent-gold);width:12px;height:12px;position:absolute}.radar-corner-bracket.tl{border-top:2px solid;border-left:2px solid;top:0;left:0}.radar-corner-bracket.tr{border-top:2px solid;border-right:2px solid;top:0;right:0}.radar-corner-bracket.bl{border-bottom:2px solid;border-left:2px solid;bottom:0;left:0}.radar-corner-bracket.br{border-bottom:2px solid;border-right:2px solid;bottom:0;right:0}.processing-header-block{text-align:center}.processing-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;font-weight:700}.processing-desc{color:var(--text-muted);font-size:.88rem}.text-accent-gradient{color:var(--accent-blue);font-weight:600}.progress-track-wrapper{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:100%;height:8px;overflow:hidden}.progress-fill-bar{border-radius:var(--radius-full);background:linear-gradient(90deg,#2563eb 0%,#06b6d4 50%,#f59e0b 100%);height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.pipeline-steps-container{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.text-accent{color:var(--accent-blue)}.pipeline-step-row{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 14px;transition-property:background-color,border-color,box-shadow,opacity;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.pipeline-step-row.is-current{background:var(--bg-surface-elevated);border-color:var(--accent-blue);box-shadow:var(--shadow-sm)}.pipeline-step-row.is-done{opacity:.85}.pipeline-step-indicator{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.current-step-pulse{background:#2563eb40;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.pulse-dot{background:var(--accent-blue);border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulseDot}@keyframes pulseDot{0%{transform:scale(.8)}to{transform:scale(1.2)}}.pending-step-dot{background:var(--text-muted);opacity:.4;border-radius:50%;width:6px;height:6px}.pipeline-step-icon-wrap{background:var(--bg-surface);width:28px;height:28px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pipeline-step-row.is-current .pipeline-step-icon-wrap{color:var(--accent-blue);background:#2563eb1a}.pipeline-step-text{flex:1}.pipeline-step-title{color:var(--text-primary);font-size:.88rem;font-weight:650}.pipeline-step-subtitle{color:var(--text-muted);font-size:.74rem}.pipeline-step-tag{color:var(--accent-blue);font-size:.72rem;font-weight:650;animation:1.5s infinite alternate fadeInOut}@keyframes fadeInOut{0%{opacity:.4}to{opacity:1}}.processing-security-note{color:var(--text-muted);align-items:center;gap:8px;font-size:.78rem;display:flex}.security-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px}.preview-flow-layout{flex-direction:column;gap:18px;display:flex}.preview-flow-layout.stagger-in>:first-child{animation-delay:0s}.preview-flow-layout.stagger-in>:nth-child(2){animation-delay:.12s}.preview-studio-container{flex-direction:column;gap:16px;display:flex}.studio-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-tabs{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);gap:4px;padding:4px;display:inline-flex}.studio-tab{border-radius:var(--radius-full);min-height:40px;color:var(--text-muted);align-items:center;gap:6px;padding:6px 14px 6px 12px;font-size:.8rem;font-weight:650;transition-property:background-color,color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.studio-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.overlay-toggle-btn{border-radius:var(--radius-full);background:var(--bg-subtle);min-height:40px;box-shadow:var(--shadow-border);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 14px 6px 12px;font-size:.8rem;font-weight:650;transition-property:background-color,color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.overlay-toggle-btn:active{scale:.96}.overlay-toggle-btn.active{color:var(--accent-blue);background:#2563eb1f;border-color:#2563eb4d}.studio-stage-frame{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-border), var(--shadow-md);justify-content:center;align-items:center;padding:16px;display:flex}.photo-render-card{justify-content:center;width:min(380px,100%);display:flex}.photo-canvas-wrap{aspect-ratio:1;width:100%;box-shadow:var(--shadow-lg);outline:1px solid var(--image-outline);outline-offset:-1px;background:#fff;border-radius:12px;position:relative;overflow:hidden}.preview-photo-frame{width:100%;height:100%;position:relative}.preview-photo-frame img{opacity:0;transition:opacity .2s}.preview-photo-frame.is-loaded img{opacity:1}.preview-skeleton{background:linear-gradient(90deg,#f1ede4 0%,#fff 50%,#f1ede4 100%) 0 0/200% 100%;animation:1.2s ease-in-out infinite skeletonSweep;position:absolute;inset:0}[data-theme=dark] .preview-skeleton{background:linear-gradient(90deg,#182030 0%,#242f45 50%,#182030 100%) 0 0/200% 100%}@keyframes skeletonSweep{0%{background-position:100% 0}to{background-position:-100% 0}}.rendered-passport-image{object-fit:cover;background:#fff;width:100%;height:100%;display:block}.biometric-compliance-overlay{pointer-events:none;position:absolute;inset:0}.spec-line{border-top:1.5px dashed #2563ebb3;position:absolute;left:0;right:0}.spec-line:after{content:attr(data-tag);font-size:.62rem;font-family:var(--font-mono);color:#fff;background:#0f172ad1;border-radius:3px;padding:1px 5px;font-weight:650;position:absolute;top:-16px;right:6px}.spec-line.crown-limit{border-color:#f59e0b;top:15%}.spec-line.crown-limit:after{background:#b48c36e6}.spec-zone.eye-zone{background:#22d3ee1f;border-top:1px solid #0891b280;border-bottom:1px solid #0891b280;position:absolute;inset:31% 0 44%}.spec-line.eye-target{border-color:#06b6d4;border-top-style:solid;top:37.5%}.spec-line.chin-limit{border-color:#10b981;bottom:26%}.spec-line.chin-limit:after{background:#059669e6}.spec-axis-v{border-left:1px dotted #2563eb73;position:absolute;top:0;bottom:0;left:50%}.spec-axis-h{border-top:1px dotted #2563eb4d;position:absolute;top:50%;left:0;right:0}.spec-dimension-badge{font-family:var(--font-mono);color:#fff;background:#0f172ad9;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute}.spec-dimension-badge.top-left{top:8px;left:8px}.spec-dimension-badge.bottom-right{bottom:8px;right:8px}.compare-slider-box{aspect-ratio:1;width:min(380px,100%);box-shadow:var(--shadow-lg);outline:1px solid var(--image-outline);outline-offset:-1px;cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:12px;position:relative;overflow:hidden}.compare-image-layer{position:absolute;inset:0}.compare-image-layer img{object-fit:cover;width:100%;height:100%;display:block}.compare-badge{text-transform:uppercase;z-index:5;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:700;position:absolute;bottom:10px}.original-badge{color:#fff;background:#0f172acc;right:10px}.processed-badge{background:var(--accent-blue);color:#fff;left:10px}.compare-divider-handle{z-index:10;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.divider-line{background:#fff;position:absolute;inset:0;box-shadow:0 0 6px #00000080}.divider-knob{color:#0f172a;width:40px;height:40px;box-shadow:var(--shadow-md);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sheet-visualizer-box{width:100%;max-width:520px}.sheet-card{aspect-ratio:3/2;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg);outline:1px solid var(--image-outline);outline-offset:-1px;background:#fff;position:relative;overflow:hidden}.sheet-image-render{object-fit:contain;width:100%;height:100%;display:block}.sheet-grid-overlay{pointer-events:none;border:1px solid #00000026;position:absolute;inset:0}.sheet-guide-label{font-family:var(--font-mono);color:#fff;background:#0f172abf;border-radius:4px;padding:2px 6px;font-size:.65rem;position:absolute;bottom:6px;right:8px}.passport-mockup-wrapper{width:100%;max-width:440px}.passport-book-card{border-radius:var(--radius-lg);color:#f8fafc;box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff1a;background:#0f1f38 radial-gradient(circle at 100% 0,#1d335a 0%,#0f1f38 100%);padding:20px}.passport-gold-header{border-bottom:1px solid #fbbf244d;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.passport-emblem{background:var(--accent-gold);opacity:.9;border-radius:50%;width:28px;height:28px}.passport-header-titles{font-family:var(--font-serif);letter-spacing:.08em;color:var(--accent-gold);flex-direction:column;font-size:.85rem;display:flex}.passport-header-titles .sub{opacity:.85;font-size:.65rem}.passport-biodata-grid{border-radius:var(--radius-sm);color:#0f172a;background:#fdfaf3;grid-template-columns:110px 1fr;gap:14px;padding:12px;display:grid}.passport-photo-frame{background:#fff;border-radius:4px;width:110px;height:110px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0003}.passport-placed-photo{object-fit:cover;outline:1px solid var(--image-outline);outline-offset:-1px;width:100%;height:100%}.passport-holo-seal{pointer-events:none;background:linear-gradient(135deg,#0000 40%,#ffffff4d 50%,#0000 60%);position:absolute;inset:0}.passport-fields{grid-template-columns:1fr 1fr;gap:6px;font-size:.7rem;display:grid}.p-field{flex-direction:column;display:flex}.p-field.full{grid-column:span 2}.p-label{color:#64748b;text-transform:uppercase;font-size:.55rem}.p-val{color:#0f172a;font-weight:700}.passport-mrz-zone{color:#0f172a;letter-spacing:.08em;background:#fdfaf3;border-radius:4px;margin-top:12px;padding:8px;font-size:.62rem;line-height:1.35}.sota-ai-studio-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:var(--shadow-border), var(--shadow-md);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.studio-panel-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.btn-magic-auto{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#f59e0b 100%);border:none;align-items:center;gap:6px;min-height:40px;padding:6px 14px 6px 12px;font-size:.78rem;font-weight:700;transition-property:box-shadow,filter,scale;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex;box-shadow:0 2px 10px #6366f159}.btn-magic-auto:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 14px #6366f173}.btn-magic-auto:active:not(:disabled){scale:.96}.btn-magic-auto:disabled{opacity:.55;cursor:not-allowed}.studio-subtabs-row{background:var(--bg-subtle);border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.studio-subtab{min-height:36px;color:var(--text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:.78rem;font-weight:650;transition-property:background-color,color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.studio-subtab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.studio-tab-content{padding-top:4px}.generative-studio-card{border:1.5px dashed var(--border-accent,#6366f1);background:linear-gradient(#6366f114,#6366f105);border-radius:12px;padding:14px}.gen-consent-row{color:var(--text-secondary);text-align:left;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:.75rem;line-height:1.4;display:flex}.gen-consent-row input{margin-top:2px}.provider-selector{align-items:center;gap:8px;display:flex}.provider-options{gap:6px;display:flex}.provider-option{border:1.5px solid var(--border-subtle);background:var(--bg-subtle);min-height:40px;color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition-property:background-color,color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.provider-option:hover{border-color:var(--border-accent,#6366f1)}.provider-option.selected{color:#6366f1;background:#6366f11f;border-color:#6366f1}.gen-prompt-input{border:1.5px solid var(--border-subtle);background:var(--bg-subtle);width:100%;min-height:64px;color:var(--text-primary,#0f172a);resize:vertical;box-sizing:border-box;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.45}.gen-prompt-input::placeholder{color:var(--text-muted)}.gen-prompt-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f12e}.lighting-modes-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lighting-mode-card{background:var(--bg-subtle);border:1.5px solid var(--border-subtle);text-align:left;cursor:pointer;border-radius:10px;padding:12px;transition-property:background-color,border-color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out}.lighting-mode-card:active{scale:.96}.lighting-mode-card:hover{background:var(--bg-surface-elevated);border-color:var(--border-default)}.lighting-mode-card.selected{background:var(--bg-surface-elevated);border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue)}.bg-palettes-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bg-palette-card{background:var(--bg-subtle);border:1.5px solid var(--border-subtle);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:10px 12px;transition-property:background-color,border-color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.bg-palette-card:active{scale:.96}.bg-palette-card:hover{background:var(--bg-surface-elevated);border-color:var(--border-default)}.bg-palette-card.selected{background:var(--bg-surface-elevated);border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue)}.bg-swatch-box{outline:1px solid var(--image-outline);outline-offset:-1px;border-radius:6px;flex-shrink:0;width:28px;height:28px}.bg-card-info{flex:1}.ai-render-badge{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0f172ad9;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:650;display:flex;position:absolute;top:10px;right:10px}@media (width<=720px){.lighting-modes-grid,.bg-palettes-grid{grid-template-columns:1fr}}.compliance-audit-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);box-shadow:var(--shadow-border);padding:18px}.audit-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.audit-card-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.audit-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.audit-metric-item{background:var(--bg-subtle);border-radius:10px;padding:10px 12px}.metric-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.72rem;font-weight:650}.metric-value{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:.95rem;font-weight:750}.metric-status{font-size:.74rem;font-weight:600}@media (width<=640px){.audit-metrics-grid{grid-template-columns:1fr}}.studio-adjustments-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.adjustments-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.slider-control-group{flex-direction:column;gap:6px;display:flex}.slider-label-row{justify-content:space-between;align-items:center;display:flex}.studio-range-input{width:100%;accent-color:var(--accent-blue);cursor:pointer}@media (width<=640px){.adjustments-grid{grid-template-columns:1fr}}.downloads-suite{flex-direction:column;gap:14px;display:flex}.download-status{min-height:20px;color:var(--accent-emerald);opacity:0;filter:blur(4px);justify-content:center;align-items:center;gap:6px;font-size:.82rem;font-weight:650;transition-property:opacity,transform,filter;transition-duration:.15s;transition-timing-function:ease-out;display:flex;transform:translateY(-8px)}.download-status.is-visible{opacity:1;filter:blur();transition-duration:.3s;transform:translateY(0)}.downloads-button-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.download-card-btn{text-align:left;justify-content:flex-start;align-items:center;gap:14px;min-height:64px;padding:10px 16px;display:flex}.btn-icon-circle{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn-icon-circle.secondary-circle{background:var(--bg-subtle);color:var(--accent-blue)}.btn-text-block{flex-direction:column;display:flex}.btn-main-title{font-size:.95rem;font-weight:750;line-height:1.2}.btn-sub-title{opacity:.82;font-size:.72rem;font-weight:500}.downloads-aux-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.aux-pill-btn{border-radius:var(--radius-full);background:var(--bg-surface);min-height:40px;color:var(--text-secondary);box-shadow:var(--shadow-border);align-items:center;gap:6px;padding:8px 16px 8px 14px;font-size:.82rem;font-weight:650;transition-property:background-color,color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.aux-pill-btn:hover{background:var(--bg-subtle);color:var(--text-primary);box-shadow:var(--shadow-border-hover)}.aux-pill-btn:active{scale:.96}.aux-pill-btn.highlight-pill{background:var(--accent-gold-light);color:#92400e}[data-theme=dark] .aux-pill-btn.highlight-pill{color:#fbbf24}.kiosk-tip-banner{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-border);padding:0;overflow:hidden}.kiosk-tip-button{text-align:left;border-radius:0;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;transition-property:background-color;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.kiosk-tip-button:hover{background:var(--bg-surface-elevated)}.kiosk-tip-icon{color:var(--accent-gold);margin-top:2px}.kiosk-tip-heading{color:var(--text-primary);font-size:.82rem;font-weight:700;display:block}.kiosk-tip-body{color:var(--text-muted);margin-top:2px;font-size:.78rem;line-height:1.4}@media (width<=640px){.downloads-button-grid{grid-template-columns:1fr}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-border), var(--shadow-lg);flex-direction:column;width:min(580px,100%);max-height:90vh;animation:.25s ease-out scaleUp;display:flex;overflow:hidden}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;display:flex}.modal-title-wrap{flex-direction:column;gap:4px;display:flex}.modal-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.45rem;font-weight:700}.modal-close-btn{background:var(--bg-subtle);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex;position:relative}.modal-close-btn:after{content:"";width:44px;height:44px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.modal-close-btn:active{scale:.96}.modal-close-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.modal-lead{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);padding:16px 24px}.modal-footer-split{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.guidelines-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rule-card{border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px;display:flex}.rule-pass{background:var(--accent-emerald-light);border:1px solid #10b98140}.rule-fail{background:var(--accent-rose-light);border:1px solid #e11d4840}.rule-badge{letter-spacing:.05em;align-items:center;gap:6px;font-size:.72rem;font-weight:750;display:flex}.rule-pass .rule-badge{color:#065f46}[data-theme=dark] .rule-pass .rule-badge{color:#34d399}.rule-fail .rule-badge{color:#9f1239}[data-theme=dark] .rule-fail .rule-badge{color:#fb7185}.rule-list{color:var(--text-primary);flex-direction:column;gap:8px;font-size:.78rem;line-height:1.4;list-style:none;display:flex}.guideline-spec-callout{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:12px;padding:12px 14px;display:flex}.spec-callout-icon{color:var(--accent-blue);flex-shrink:0;margin-top:2px}@media (width<=580px){.guidelines-grid,.modal-footer-split{grid-template-columns:1fr}}.print-savings-banner{background:var(--accent-emerald-light);border-radius:var(--radius-md);border:1px solid #10b9814d;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.savings-highlight{align-items:center;gap:8px;display:flex}.savings-old{opacity:.6;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700;text-decoration:line-through}.savings-arrow{font-size:1.2rem;font-weight:800}.savings-new{color:#065f46;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}[data-theme=dark] .savings-new{color:#34d399}.savings-text{color:var(--text-primary);font-size:.85rem;line-height:1.45}.steps-vertical{flex-direction:column;gap:12px;display:flex}.step-item{gap:12px;display:flex}.step-num{background:var(--primary);width:26px;height:26px;color:var(--primary-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.step-title{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.text-warning{color:#b45309}[data-theme=dark] .text-warning{color:#fbbf24}.pharmacy-pills{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pharmacy-pill{background:var(--bg-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 10px;font-size:.75rem;font-weight:600;display:flex}.privacy-feature-list{flex-direction:column;gap:10px;display:flex}.privacy-feature-card{background:var(--bg-subtle);box-shadow:var(--shadow-border);border-radius:12px;gap:14px;padding:12px 14px;display:flex}.privacy-feature-icon{color:var(--accent-emerald);flex-shrink:0;margin-top:2px}.error-card-modern{background:var(--bg-surface);border:1px solid var(--accent-rose);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:14px;padding:32px 24px;animation:.4s ease-out both enter-fade;display:flex}.error-icon-badge{background:var(--accent-rose-light);width:56px;height:56px;color:var(--accent-rose);border-radius:50%;justify-content:center;align-items:center;display:flex}.error-heading{font-family:var(--font-serif);color:var(--text-primary);font-size:1.5rem;font-weight:700}.error-message{max-width:480px;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.error-actions-group{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.app-footer,.footer-compact{margin-top:auto;padding:16px 0 8px}.footer-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.footer-privacy-badge{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);min-height:44px;box-shadow:var(--shadow-border);cursor:pointer;align-items:center;gap:10px;max-width:620px;padding:10px 16px;transition-property:background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.footer-privacy-badge:hover{background:var(--bg-surface-elevated);box-shadow:var(--shadow-border-hover)}.footer-privacy-text{color:var(--text-muted);font-size:.8rem;line-height:1.4}.footer-privacy-text strong{color:var(--text-primary)}.footer-links{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.footer-link{min-height:40px;color:var(--text-muted);padding:0 4px;transition-property:color;transition-duration:.15s;transition-timing-function:ease-out}.footer-link:hover{color:var(--text-primary);text-decoration:underline}.print-only-container{display:none}.icon-swap{isolation:isolate;place-items:center;display:grid}.icon-swap-layer{grid-area:1/1;display:flex}.icon-swap.is-ready .icon-swap-layer{transition-property:opacity,filter,scale;transition-duration:.3s;transition-timing-function:var(--ease-out)}.icon-swap-layer.is-visible{opacity:1;filter:blur();scale:1}.icon-swap-layer.is-hidden{opacity:0;filter:blur(4px);pointer-events:none;scale:.25}.icon-filled{fill:currentColor}svg.fill-amber-400{fill:currentColor;color:var(--accent-gold)}.studio-reset-btn{min-height:40px;color:var(--text-muted);align-items:center;gap:4px;padding:0 8px;font-size:.75rem;transition-property:color,scale;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.studio-reset-btn:hover{color:var(--text-primary)}.studio-reset-btn:active{scale:.96}.gen-consent-row input{width:18px;height:18px;accent-color:var(--accent-blue);flex-shrink:0;margin-top:1px;position:relative}.gen-consent-row input:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-label-row .font-mono,.text-xs.font-mono,.how-it-works-num,.step-num,.auto-snap-progress-badge{font-variant-numeric:tabular-nums}.guidance-banner-row button{min-height:40px;padding:0 4px}.overlay-toggle-btn.active svg{fill:currentColor}@media print{body{color:#000!important;background:#fff!important}.ambient-backdrop,.app-navbar,.studio-topbar,.compliance-audit-card,.sota-ai-studio-panel,.studio-adjustments-card,.downloads-suite,.app-footer,.footer-compact,.modal-backdrop,.photo-render-card,.compare-slider-box,.sheet-visualizer-box,.passport-mockup-wrapper{display:none!important}.app-container,.main-content-flow,.preview-flow-layout,.preview-studio-container,.studio-stage-frame{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.print-only-container{text-align:center!important;display:block!important}.print-only-image{width:2in!important;max-width:100%!important;height:2in!important;image-rendering:-webkit-optimize-contrast!important;margin:0 auto!important;display:block!important}}