:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#020617,#111827);color:#e2e8f0;line-height:1.5;--app-bg: linear-gradient(180deg, #020617 0%, #111827 100%);--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--panel-bg: rgba(15, 23, 42, .88);--panel-border: rgba(148, 163, 184, .2);--shadow-color: rgba(2, 6, 23, .35);--surface-bg: rgba(30, 41, 59, .92);--surface-border: rgba(148, 163, 184, .18);--input-bg: rgba(15, 23, 42, .65);--input-border: rgba(148, 163, 184, .24);--primary-bg: #38bdf8;--primary-text: #082f49;--accent-soft: rgba(56, 189, 248, .16);--accent-text: #7dd3fc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body{background:var(--app-bg);color:var(--text-primary)}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(100%,960px);margin:0 auto;padding:24px 16px 48px}.hero-card,.panel-card,.notice-card{border:1px solid var(--panel-border);border-radius:20px;background:var(--panel-bg);box-shadow:0 24px 64px var(--shadow-color)}.hero-card{padding:24px}.hero-card--centered{text-align:center}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.panel-card,.notice-card{padding:20px}.eyebrow{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:#38bdf824;color:#7dd3fc;font-size:.9rem}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.05}h2{font-size:1.05rem;margin-bottom:14px}.subtitle{margin-top:12px;color:var(--text-secondary);max-width:50rem}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--text-muted)}.info-list,.summary-list{list-style:none;display:grid;gap:12px;margin:0;padding:0}.info-list li,.summary-list li{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.16)}.info-list li:last-child,.summary-list li:last-child{border-bottom:0;padding-bottom:0}.info-list span,.summary-list span,.field-hint{color:var(--text-muted)}.info-list strong,.summary-list strong{text-align:right;color:var(--text-primary)}.info-list strong,.summary-list strong,.field-hint{overflow-wrap:anywhere;word-break:break-word}.info-list li>span,.summary-list li>span{min-width:0}.info-list li>strong,.summary-list li>strong{min-width:0;max-width:62%}.scenario-actions,.screen-actions,.catalog-grid{display:grid;gap:12px;margin-top:20px}.file-field,.text-field{display:grid;gap:10px;margin-top:20px}.file-field input,.text-field textarea,.text-field input,.text-field select{width:100%;padding:14px 16px;border:1px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--text-primary)}.primary-button,.secondary-button,.ghost-button,.catalog-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid transparent;transition:.2s ease;text-decoration:none}.primary-button{margin-top:20px;background:var(--primary-bg);color:var(--primary-text);font-weight:700}.secondary-button,.catalog-card{background:var(--surface-bg);color:var(--text-primary);border-color:var(--surface-border)}.catalog-card{align-items:flex-start;text-align:left;flex-direction:column}.catalog-card--selected{border-color:var(--primary-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-bg) 70%,transparent)}.ghost-button{background:transparent;color:var(--text-secondary);border-color:var(--surface-border)}button:disabled{opacity:.6;cursor:not-allowed}.status-badge{margin:20px auto 8px;display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:700;text-transform:lowercase}.status-badge--error{background:#ef444429;color:#fecaca}.result-image{display:block;width:100%;max-width:100%;max-height:min(44vh,380px);object-fit:contain;object-position:center;margin-top:20px;padding:4px;border-radius:20px;border:1px solid var(--surface-border);background:#020617}@media (max-width: 420px){.result-image{max-height:min(40vh,320px)}}@media (min-width: 768px){.scenario-actions{grid-template-columns:repeat(3,1fr)}.screen-actions,.catalog-grid{grid-template-columns:repeat(2,1fr)}}.hero-card--catalog{padding-bottom:120px}.sticky-cta{position:sticky;bottom:16px;margin-top:-88px;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#0f172af5;box-shadow:0 24px 64px #02061759;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;gap:12px}.sticky-cta__meta{display:grid;gap:4px}.sticky-cta__label{color:#94a3b8;font-size:.9rem}.sticky-cta__button{margin-top:0}@media (min-width: 768px){.sticky-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}.branding-card__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.branding-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid var(--surface-border)}.catalog-card__image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;border:1px solid var(--surface-border);margin-bottom:8px}.catalog-card small{color:var(--text-muted)}.form-message{margin-top:12px;font-size:.95rem}.form-message--error{color:#fca5a5}.form-message--success{color:#86efac}.admin-shell{display:grid;gap:16px}.admin-grid{align-items:start}.admin-toolbar{display:grid;gap:12px;margin-top:20px}.hero-actions,.field-stack,.list-stack,.switch-grid{display:grid;gap:12px}.field-label{display:grid;gap:8px;color:var(--text-secondary)}.field-label input,.field-label select,.field-label textarea{width:100%;padding:12px 14px;border:1px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--text-primary)}.switch-row{display:flex;align-items:center;gap:10px;color:#f8fafc}.list-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.16)}.list-row:last-child{border-bottom:0}.success-text{color:#86efac;margin-top:12px}.error-text{color:#fca5a5;margin-top:12px}[data-theme-mode=light]{--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--panel-border: rgba(15, 23, 42, .18);--surface-border: rgba(15, 23, 42, .16);--input-bg: rgba(248, 250, 252, .96);--input-border: rgba(15, 23, 42, .2)}[data-theme-preset=default],.theme-preset-default{--app-bg: linear-gradient(180deg, #020617 0%, #111827 100%);--panel-bg: rgba(15, 23, 42, .88);--surface-bg: rgba(30, 41, 59, .92);--primary-bg: #38bdf8;--primary-text: #082f49;--accent-soft: rgba(56, 189, 248, .16);--accent-text: #7dd3fc}[data-theme-preset=midnight],.theme-preset-midnight{--app-bg: linear-gradient(180deg, #020617 0%, #0f172a 55%, #1e293b 100%);--panel-bg: rgba(15, 23, 42, .92);--surface-bg: rgba(15, 23, 42, .82);--primary-bg: #7c3aed;--primary-text: #f5f3ff;--accent-soft: rgba(124, 58, 237, .18);--accent-text: #c4b5fd}[data-theme-preset=ink],.theme-preset-ink{--app-bg: linear-gradient(180deg, #09090b 0%, #18181b 55%, #27272a 100%);--panel-bg: rgba(24, 24, 27, .92);--surface-bg: rgba(39, 39, 42, .92);--primary-bg: #f59e0b;--primary-text: #1c1917;--accent-soft: rgba(245, 158, 11, .18);--accent-text: #fcd34d}.ui-card{border:1px solid var(--panel-border);border-radius:20px;background:var(--panel-bg);box-shadow:0 24px 64px var(--shadow-color)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid transparent;transition:.2s ease;text-decoration:none}.ui-button--default{background:var(--primary-bg);color:var(--primary-text);font-weight:700}.ui-button--secondary{background:var(--surface-bg);color:var(--text-primary);border-color:var(--surface-border)}.ui-button--ghost{background:transparent;color:var(--text-secondary);border-color:var(--surface-border)}.ui-button--destructive{background:#7f1d1d;color:#fee2e2;border-color:#ef4444}.ui-input{width:100%;padding:12px 14px;border:1px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--text-primary)}.ui-textarea{min-height:110px;resize:vertical}.ui-badge{margin:20px auto 8px;display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:700;text-transform:lowercase}.ui-badge--error{background:#ef444429;color:#fecaca}.ui-badge--success{background:#22c55e29;color:#86efac}.ui-switch{width:16px;height:16px;accent-color:var(--primary-bg)}.ui-alert{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-bg);color:var(--text-secondary)}.ui-alert--error{border-color:#ef444459;color:#fecaca}.ui-alert--success{border-color:#22c55e59;color:#86efac}.ui-table{width:100%;border-collapse:collapse;margin-top:12px}.ui-table th,.ui-table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(148,163,184,.16)}@media (min-width: 768px){.admin-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}