:root{color-scheme:light;--bg: #f9f7f2;--bg-soft: #ffffff;--panel: rgba(255, 255, 255, .98);--panel-strong: #ffffff;--line: #efebdf;--line-strong: #e2dac8;--text: #1a1917;--text-soft: #524d45;--text-muted: #8c8376;--accent: #1a1917;--accent-soft: #f4eee3;--accent-strong: #0f0e0d;--accent-tint: #ede4d5;--accent-label: #926233;--success: #1b4d32;--danger: #913a3a;--shadow-soft: 0 12px 30px rgba(0, 0, 0, .04);--shadow-card: 0 8px 24px rgba(0, 0, 0, .03);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 80px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--font-display: "Fraunces", serif;--font-body: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(49,39,27,.04),transparent 24%),linear-gradient(180deg,#fcfbf8 0%,var(--bg) 100%)}button,input,select,a{font:inherit}button,a{transition:transform var(--transition),border-color var(--transition),background-color var(--transition),color var(--transition),box-shadow var(--transition)}button:hover,a:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--space-5);padding:var(--space-5);min-height:100vh}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.sidebar{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);position:sticky;top:var(--space-6);height:calc(100vh - var(--space-7))}.brand-lockup,.section-heading,.scan-preview,.result-card,.enrichment-card,.metric-card,.feature-card,.sidebar-card,.choice-card,.list-card,.topbar,.form-panel,.preview-panel,.scanner-panel,.upload-panel,.handoff-panel,.recommendation-panel{position:relative}.brand-lockup{display:flex;align-items:center;gap:var(--space-4)}.brand-mark{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);overflow:hidden}.brand-logo-img{width:100%;height:100%;object-fit:cover}h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:-.035em;color:var(--text)}h1{font-size:1.85rem;font-weight:800}h2{font-size:1.25rem;font-weight:700}h3{font-size:1.75rem;font-weight:700}h4{font-size:1.1rem;font-weight:700}p,small{margin:0;color:var(--text-soft);line-height:1.65;font-size:.98rem}.eyebrow{margin-bottom:var(--space-2);color:var(--accent-label);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.nav-list,.content-area,.page,.hero-actions,.stat-row,.feature-grid,.button-row,.topbar-actions,.info-stack,.detail-list,.list-grid,.choice-grid{display:flex;gap:var(--space-4)}.nav-list,.content-area,.page,.info-stack,.detail-list{flex-direction:column}.nav-item,.mobile-nav-item,.button,.chip,.choice-card,.text-button{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;cursor:pointer}.nav-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);background:transparent}.nav-item-main{display:inline-flex;align-items:center;gap:var(--space-3)}.nav-icon,.mobile-nav-icon,.metric-icon,.feature-icon,.dropzone-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.nav-icon,.metric-icon,.feature-icon,.dropzone-icon{width:34px;height:34px}.mobile-nav-icon{width:30px;height:30px}.nav-item strong,.pill{color:var(--text-soft);font-size:.78rem}.nav-item.is-active,.mobile-nav-item.is-active,.chip.is-active,.choice-card.is-selected{background:linear-gradient(180deg,#fffdf9 0%,var(--accent-soft) 100%);border-color:#ccb8a2;box-shadow:var(--shadow-card)}.nav-item.is-active,.mobile-nav-item.is-active,.chip.is-active{color:var(--accent-strong)}.nav-item.is-active .nav-icon,.mobile-nav-item.is-active .mobile-nav-icon,.choice-card.is-selected .pill,.style-card.is-active .style-card-sample{background:var(--accent-tint);color:var(--accent-strong)}.sidebar-card,.topbar,.form-panel,.preview-panel,.scanner-panel,.upload-panel,.result-panel,.enrichment-panel,.handoff-panel,.recommendation-panel,.feature-card,.list-card{padding:var(--space-6)}.sidebar-card{padding:var(--space-4) var(--space-5)}.sidebar-card{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-4);background:var(--bg-soft);border-radius:20px}.sidebar-card h2{font-size:1.05rem;line-height:1.3}.sidebar-card p{font-size:.82rem;line-height:1.45}.sidebar-card .button{font-size:.82rem;padding:var(--space-3) var(--space-4)}.content-area{min-width:0}.topbar{flex-direction:row;justify-content:space-between;align-items:center;background:#ffffffe0;padding:var(--space-4) var(--space-5)}.topbar-copy{display:flex;flex-direction:column;gap:var(--space-1)}.topbar-copy p{color:var(--text-soft)}.button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.button{padding:0 var(--space-5);min-height:46px;font-weight:700;font-size:.94rem}.button-sm{min-height:38px;padding:0 var(--space-4);font-size:.86rem}.button-primary{background:linear-gradient(180deg,#54473b 0%,var(--accent) 100%);color:#fffdf9;border-color:var(--accent);box-shadow:0 10px 24px #31271b1f}.button-secondary{background:#fffdfa;color:var(--text-soft)}.button-app-priority{background:linear-gradient(180deg,#3d5afe,#2979ff);color:#fff;border-color:#2979ff;box-shadow:0 4px 12px #3d5afe33}.button-app-priority:hover{background:linear-gradient(180deg,#2979ff,#1565c0);transform:translateY(-1px)}.button-divider{width:1px;height:24px;background:var(--line);margin:0 var(--space-2)}.logo-shape-row{margin-top:var(--space-3);display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--line)}.field-radio{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);cursor:pointer;color:var(--text-soft);transition:color .2s ease}.field-radio:hover{color:var(--text-main)}.field-radio input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.text-button{align-self:flex-start;padding:0;min-height:auto;background:transparent;border:0;color:var(--text);font-weight:700}.page{min-width:0}.hero-grid,.two-column-layout,.mobile-flow-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:var(--space-6)}.hero-card,.orbit-card{min-height:420px;padding:var(--space-7)}.hero-card-premium,.premium-panel,.premium-feature-card,.premium-list-card,.premium-preview-panel{background:linear-gradient(180deg,#fffffffa,#fcf9f3f0)}.lede{max-width:60ch;font-size:.96rem}.stat-row,.feature-grid,.list-grid,.choice-grid{flex-wrap:wrap}.metric-card,.feature-card,.list-card,.choice-card{flex:1 1 180px}.metric-card{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffffe6;display:flex;flex-direction:column;gap:var(--space-2)}.metric-card strong{display:block;font-size:1.18rem;color:var(--text)}.orbit-card-premium{display:grid;place-items:center;background:linear-gradient(180deg,#fffffff2,#f5f0e8eb)}.scan-preview{width:min(100%,340px);padding:var(--space-5);border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid var(--line)}.scan-preview-header,.list-topline,.info-row,.section-heading-row,.card-footer-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:var(--space-2);background:var(--success)}.scan-frame,.camera-stage,.preview-surface{position:relative;border-radius:var(--radius-md);border:1px solid var(--line);background:#fdfcf9}.scan-frame{margin:var(--space-4) 0;height:220px}.preview-surface{min-height:380px;padding:var(--space-6);display:grid;place-items:center}.preview-surface.is-rounded{border-radius:var(--radius-lg)}.generated-preview-image{max-width:100%;max-height:320px;object-fit:contain}.scan-line,.camera-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(31,29,26,.8),transparent)}.finder,.camera-target{position:absolute;border:2px solid rgba(31,29,26,.3)}.finder{width:52px;height:52px}.finder-a{top:var(--space-5);left:var(--space-5)}.finder-b{top:var(--space-5);right:var(--space-5)}.finder-c{bottom:var(--space-5);left:var(--space-5)}.field,.dropzone{display:flex;flex-direction:column;gap:var(--space-3)}.field span{color:var(--text-soft);font-weight:700;font-size:.84rem}.field input,.field select{min-height:52px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fffffff2;color:var(--text);padding:0 var(--space-4)}.color-field input{padding:6px}.range-field input{padding:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.field-checkbox{flex-direction:row;align-items:center}.field-checkbox input{width:18px;height:18px}.chip-row,.split-toggle{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chip{padding:var(--space-3) var(--space-4)}.camera-stage{min-height:360px;padding:0;overflow:hidden}.camera-video{width:100%;height:360px;object-fit:cover;display:block;background:linear-gradient(180deg,#f5efe6,#ede3d4)}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.camera-target{top:18%;right:18%;bottom:18%;left:18%;border-radius:28px}.dropzone{min-height:240px;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-md);border:1px dashed var(--line-strong);background:#ffffffd9;padding:var(--space-6)}.dropzone input{position:absolute;opacity:0;pointer-events:none}.result-card,.enrichment-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffe0}.result-card h4{font-size:1.6rem;word-break:break-word}.detail-list{margin:0;padding-left:var(--space-5)}.info-row{padding:var(--space-4) 0;border-bottom:1px solid rgba(49,39,27,.08)}.info-row:last-child{border-bottom:0}.info-row strong,.list-card h4,.choice-card h4{color:var(--text)}.muted{color:var(--text-muted)}.pill{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:999px;border:1px solid var(--line-strong);background:#ece2d4eb;color:var(--accent-label)}.subtle-pill{background:#faf7f1}.choice-card{text-align:left;padding:var(--space-5);border-radius:var(--radius-md)}.error-message{color:var(--danger);text-align:center;max-width:30ch}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{display:none}.toast-stack{position:fixed;right:var(--space-6);bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:20}.toast{padding:var(--space-4) var(--space-5);color:var(--text)}.empty-card,.empty-state-panel{padding:var(--space-7)}.compact-heading-row{align-items:flex-start}.compact-row{flex-wrap:wrap}@media (max-width: 1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}}@media (max-width: 860px){.app-shell{padding:var(--space-4);padding-bottom:calc(var(--space-9) + var(--space-6))}.sidebar{display:none}.topbar,.hero-grid,.two-column-layout,.mobile-flow-layout,.field-grid,.section-heading-row,.card-footer-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.topbar{gap:var(--space-5);align-items:flex-start}.topbar-actions,.button-row,.hero-actions{width:100%;flex-direction:column}.button,.text-button{width:100%}.mobile-nav{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2);z-index:10;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-item{min-height:58px;border-radius:var(--radius-sm);padding:var(--space-2);font-size:.76rem;display:flex;flex-direction:column;gap:6px}.toast-stack{right:var(--space-4);left:var(--space-4);bottom:calc(var(--space-9) + var(--space-7))}}@media (max-width: 640px){h3{font-size:1.42rem}.hero-card,.orbit-card,.sidebar-card,.topbar,.form-panel,.preview-panel,.scanner-panel,.upload-panel,.result-panel,.enrichment-panel,.handoff-panel,.recommendation-panel,.feature-card,.list-card{padding:var(--space-5)}.preview-surface{min-height:300px}}.logo-actions-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hidden-file-input{display:none}.style-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.style-card{border:1px solid var(--line);background:#fffffff2;border-radius:var(--radius-sm);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text);cursor:pointer}.style-card.is-active{border-color:#ccb8a2;box-shadow:var(--shadow-card);background:linear-gradient(180deg,#fffdf9,#faf4eb)}.style-card-sample{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);font-size:1.1rem}.style-card-label{font-size:.84rem;font-weight:600}@media (max-width: 860px){.style-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.parent-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.parent-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--line);background:#fffffff5;color:var(--text);cursor:pointer}.parent-option.is-active{border-color:#c9ae8c;background:linear-gradient(180deg,#fffaf2,#f4e8d8);box-shadow:var(--shadow-card)}.parent-option-label{font-size:.98rem;font-weight:700;color:var(--text)}.parent-option-hint{font-size:.76rem;color:var(--text-soft)}.child-selector-group{display:flex;flex-direction:column;gap:var(--space-3)}.selector-caption{color:var(--accent-label);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.child-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.child-option{border:1px solid var(--line);background:#ffffffd1;color:var(--text-soft);border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:600;cursor:pointer}.child-option.is-active{border-color:#ccb8a2;background:var(--accent-tint);color:var(--accent-strong)}@media (max-width: 860px){.parent-selector{grid-template-columns:1fr}}.generator-form-layout{display:flex;flex-direction:column;gap:var(--space-5)}.generator-block{margin:0}.preview-controls{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4)}.preview-actions{padding-top:var(--space-5);border-top:1px solid rgba(49,39,27,.08)}.store-footer{margin-top:var(--space-4);padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);background:linear-gradient(180deg,#fffffffa,#f9f4ecf5)}.store-footer-copy{display:flex;flex-direction:column;gap:var(--space-1)}.store-footer-copy p{color:var(--text-soft)}@media (max-width: 860px){.store-footer{flex-direction:column;align-items:stretch}}.page-home{display:flex;flex-direction:column;gap:var(--space-7)}.hero-card-premium{display:flex;flex-direction:column;gap:var(--space-5)}.hero-card-premium h3{max-width:12ch}.hero-actions{align-items:center;flex-wrap:wrap}.hero-actions .button{min-width:170px}.stat-row{margin-top:var(--space-2)}.feature-grid{gap:var(--space-5)}.premium-feature-card{display:flex;flex-direction:column;gap:var(--space-4);min-height:220px}.premium-feature-card p{flex:1}.store-footer{margin-top:var(--space-6)}.ad-banner-container{margin-top:var(--space-6);width:100%;display:flex;justify-content:center;overflow:hidden}.simulated-ad-banner{width:100%;max-width:728px;height:90px;background:var(--bg-soft);border:1px dashed var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;position:relative}.simulated-ad-banner:before{content:"ADVERTISEMENT";position:absolute;top:4px;left:6px;font-size:.6rem;letter-spacing:.1em;opacity:.5}.interstitial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:var(--space-6);animation:fadeIn .3s ease}.interstitial-ad{width:min(100%,540px);background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 100px #0000004d;position:relative;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.2,.8,.2,1)}.interstitial-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:10;transition:background .2s}.interstitial-close:hover{background:#0000001a}.interstitial-content{padding:var(--space-7);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.interstitial-placeholder{width:100%;aspect-ratio:1;background:var(--bg-soft);border:2px dashed var(--line-strong);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 640px){.simulated-ad-banner{height:100px}}