@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;600;700&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f1d2b;background-color:#f4efe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#fff3e1,#f4efe6,#e8eef5)}#root{min-height:100vh}h1,h2{font-family:Space Grotesk,Segoe UI,sans-serif;margin:0}h1{font-size:clamp(2rem,2vw + 1.5rem,3.2rem);line-height:1.1}h2{font-size:1.5rem;line-height:1.2}p{margin:0}.app-shell{max-width:1280px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:24px}.landing-shell{min-height:100vh;padding:48px 24px 64px;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;overflow:hidden}.landing-shell:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,#fff9,#fff0 45%),radial-gradient(circle at 90% 10%,#ffffff73,#fff0 50%),repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.14) 2px,transparent 2px,transparent 8px);opacity:.3;pointer-events:none}.landing-shell>*{position:relative;z-index:1}.landing-header{text-align:center;max-width:640px;display:flex;flex-direction:column;gap:12px}.landing-header p{color:#6b5f5f}.layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(980px,100%)}.layout-card{border:1px solid rgba(31,29,43,.12);padding:18px;display:flex;flex-direction:column;gap:14px;color:inherit;font:inherit;text-align:left;box-shadow:0 18px 32px #19141124;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;position:relative;overflow:hidden}.layout-card.selected{border-color:#1f1d2bcc;box-shadow:0 20px 45px #1f1d2b40,0 0 0 2px #1f1d2bb3;transform:translateY(-4px) scale(1.01)}.layout-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 22px 50px #19141133}.layout-card:focus-visible{outline:3px solid rgba(31,29,43,.65);outline-offset:3px}.layout-card[data-layout=STRIP_4]{background:linear-gradient(135deg,#fef3e0,#f8e4d4 45%,#f4efe6)}.layout-card[data-layout=STRIP_3]{background:linear-gradient(135deg,#f3f1ff,#dfe7ff 45%,#f6f7fb)}.layout-card[data-layout=STRIP_2]{background:linear-gradient(135deg,#fff0f0,#ffdfe3 45%,#f9f1f2)}.layout-card[data-layout=WIDE_STRIP_4]{background:linear-gradient(135deg,#eef9f5,#dbefe5 45%,#eef7f2)}.layout-card[data-layout=GRID_2X2_GAP]{background:linear-gradient(135deg,#f8f7ff,#e7ecff 45%,#f6f4ff)}.layout-card[data-layout=GRID_2X2_TIGHT]{background:linear-gradient(135deg,#f6f6f6,#ececec 45%,#f9f9f9)}.layout-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,#ffffff8c 0,#fff0 55%),repeating-linear-gradient(120deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 1px,transparent 1px,transparent 6px);opacity:.35;pointer-events:none}.layout-card>*{position:relative;z-index:1}.layout-card__preview{background:#ffffffbf;padding:12px;border:1px solid rgba(31,29,43,.12);box-shadow:inset 0 0 0 1px #fff9}.layout-preview-svg{display:block;width:100%;height:auto}.layout-preview-paper{fill:#ffffffeb;stroke:#1f1d2b2e;stroke-width:1.2}.layout-preview-slot{fill:#ece4d9d9;stroke:#1f1d2b40;stroke-width:1}.layout-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.layout-card__copy{display:flex;flex-direction:column;gap:6px}.layout-card__title{font-weight:700;font-size:1.05rem}.layout-card__subtitle{font-size:.88rem;color:#5c5352}.layout-card__pill{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#1f1d2b1f;color:#1f1d2b;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600}.layout-card__check{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:999px;background:#1f1d2be6;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .2s ease}.layout-card.selected .layout-card__check{opacity:1;transform:scale(1)}.layout-card__check svg{width:16px;height:16px;stroke:#f8f4f0;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.landing-actions{display:flex;justify-content:center;width:100%}.landing-cta{min-width:190px;border-radius:999px;padding:12px 32px;font-size:1rem}@media(max-width:720px){.layout-grid{grid-template-columns:1fr}}.top-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.header-actions{display:flex;gap:12px;align-items:center}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.22em;color:#6b5f5f;margin-bottom:8px}.phase-pill{padding:6px 14px;border-radius:999px;background:#1f1d2b;color:#f6f3ec;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.side-column{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.continue-panel{display:flex;justify-content:flex-end}.panel{background:#ffffffd9;border-radius:20px;padding:20px;box-shadow:0 20px 50px #1914111f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-surface{position:relative;width:100%;aspect-ratio:4 / 3;background:#1f1d2b;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center}.shutter-overlay{position:absolute;inset:0;background:#0b0b0f;opacity:0;pointer-events:none}.preview-surface.is-capturing .shutter-overlay{animation:shutter-flash .28s ease-out}@keyframes shutter-flash{0%{opacity:0}20%{opacity:.95}60%{opacity:.95}to{opacity:0}}.video{width:100%;height:100%;object-fit:cover}.video.mirror{transform:scaleX(-1)}.preview-placeholder{color:#f6f3ec;text-align:center;display:flex;flex-direction:column;gap:6px}.preview-placeholder span{font-size:.85rem;color:#f6f3ecb3}.export-placeholder{text-align:center;display:flex;flex-direction:column;gap:6px;padding:28px 20px;border-radius:18px;background:#f3ede4;color:#514645}.export-placeholder span{font-size:.85rem;color:#857876}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;font-family:Space Grotesk,Segoe UI,sans-serif}.countdown-badge{width:96px;height:96px;border-radius:50%;background:#f6f3ec;color:#1f1d2b;font-size:2.8rem;display:flex;align-items:center;justify-content:center}.preview-status{position:absolute;bottom:12px;right:12px;background:#1f1d2bd9;color:#f6f3ec;padding:6px 10px;border-radius:12px;font-size:.8rem}.preview-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.preview-actions{display:flex;flex-wrap:wrap;gap:12px}.error-banner{background:#ffe6e6;color:#9d1d1d;padding:10px 14px;border-radius:12px;font-size:.85rem}.control-group{display:flex;flex-direction:column;gap:10px}.control-label{font-weight:600;color:#403636}.row{display:flex;flex-wrap:wrap;gap:12px}button{border:none;border-radius:12px;padding:10px 16px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;background:#f0ebe3;color:#1f1d2b;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button:hover:enabled{transform:translateY(-1px);box-shadow:0 10px 20px #1f1d2b1f}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:#1f1d2b;color:#f6f3ec}button.ghost{background:transparent;border:1px solid rgba(31,29,43,.2);font-size:.8rem}.chip-row{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#f0ebe3;border-radius:999px;padding:8px 14px;font-size:.85rem}.chip.active{background:#1f1d2b;color:#f6f3ec}.select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(31,29,43,.2);background:#fff;font-family:inherit}.thumb-grid{display:grid;grid-template-columns:var(--thumb-size, 200px);gap:16px;width:var(--thumb-size, 200px)}.thumbnails,.continue-panel{width:calc(var(--thumb-size, 200px) + 40px)}.thumb{display:flex;flex-direction:column;gap:10px}.thumb img,.thumb-placeholder{width:100%;height:120px;border-radius:14px;object-fit:cover;background:#e7e0d5}.thumb img{transform:scaleX(-1)}.thumb-placeholder{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#6b5f5f}.export-preview{width:230px;height:660px;overflow:hidden;background:#1f1d2b;position:relative;margin:0 auto}.export-preview .export-canvas{width:100%;height:100%;display:block}@media(max-width:900px){.grid{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.app-shell{padding:24px 16px 32px}.panel{padding:16px}.side-column{align-items:stretch}.thumb-grid{grid-template-columns:minmax(0,1fr);width:100%}.thumbnails,.continue-panel{width:100%}}