@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}.landing-header{text-align:center;max-width:560px}.landing-header p{color:#6b5f5f}.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;width:min(960px,100%)}.layout-card{border:none;background:#ffffffe6;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 30px #19141126;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.layout-card.selected{outline:3px solid rgba(31,29,43,.8);box-shadow:0 18px 40px #1f1d2b33;transform:translateY(-4px)}.layout-preview{background:#f7f2ea;border-radius:14px;padding:10px;display:grid;gap:8px;height:200px;border:1px solid rgba(31,29,43,.08)}.layout-preview.strip{grid-template-rows:repeat(4,1fr)}.layout-preview.grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.layout-slot{background:linear-gradient(135deg,#f6e4d8,#f3efe9);border-radius:10px;border:2px solid rgba(31,29,43,.18)}.layout-meta{display:flex;flex-direction:column;gap:4px;text-align:center}.layout-name{font-weight:700}.layout-subtitle{font-size:.85rem;color:#6b5f5f}.landing-cta{min-width:180px;border-radius:999px;padding:12px 28px;font-size:1rem}.top-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.22em;color:#6b5f5f;margin-bottom:8px}.status-pill,.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}.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}.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}.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}.toggle{display:flex;align-items:center;gap:8px;font-size:.9rem}.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:repeat(auto-fit,minmax(140px,1fr));gap:16px}.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-placeholder{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#6b5f5f}.export-preview{width:100%;border-radius:18px;overflow:hidden;background:#1f1d2b}.export-preview img{width: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}}