html{background:#eef5fb}body{margin:0}#root{min-height:100vh}:root{color:#10213b;font-synthesis:none;text-rendering:optimizelegibility;background:#eef5fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 15% 15%,#45d5b71f,#0000 28%),linear-gradient(#f7fbff 0%,#edf4fa 100%);min-height:100vh}.topbar{background:#10213b;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex}.brand{color:#fff;align-items:center;gap:13px;display:flex}.brand-icon{color:#10213b;background:#45d5b7;border-radius:12px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:17px;line-height:1.1}.brand span{color:#9eb1c8;margin-top:2px;font-size:13px}.topbar-badge{color:#7ce8d1;letter-spacing:1.2px;border:1px solid #45d5b761;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}.app{width:min(1500px,100% - 40px);margin:0 auto;padding:40px 0 70px}.page-heading{text-align:center;margin-bottom:32px}.page-heading>span{color:#1c9d84;letter-spacing:1.5px;margin-bottom:10px;font-size:12px;font-weight:900;display:inline-block}.page-heading h1{color:#10213b;letter-spacing:-1.8px;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05}.page-heading p{color:#65758b;max-width:650px;margin:13px auto 0;font-size:16px;line-height:1.7}.studio-layout{grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr);align-items:start;gap:28px;display:grid}.controls-column{gap:20px;display:grid}.panel,.preview-panel{background:#fffffff5;border:1px solid #dce7f1;border-radius:20px;box-shadow:0 14px 38px #10213b12}.panel{padding:24px}.panel-heading{align-items:center;gap:13px;margin-bottom:22px;display:flex}.step-number{color:#45d5b7;background:#10213b;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.panel-heading h2,.preview-heading h2{color:#10213b;margin:0;font-size:20px}.panel-heading p{color:#7b899a;margin:3px 0 0;font-size:13px}.upload-box{margin-bottom:18px}.upload-box input{display:none}.upload-box label{color:#10213b;cursor:pointer;background:#f7fbfe;border:2px dashed #b9ccdc;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:122px;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-box label:hover{background:#f2fffb;border-color:#45d5b7;transform:translateY(-1px)}.upload-icon{color:#10213b;background:#45d5b7;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:7px;font-size:23px;font-weight:700;display:grid}.upload-box strong{font-size:14px}.upload-box small{color:#8290a2;margin-top:4px;font-size:11px}.form-row{gap:7px;margin-top:14px;display:grid}.form-row label,.music-volume-label{color:#32445b;font-size:12px;font-weight:800}.form-row input,.form-row select{color:#172b45;background:#fff;border:1px solid #cfdae5;border-radius:10px;outline:none;width:100%;height:45px;padding:0 13px;transition:border-color .2s,box-shadow .2s}.form-row input:focus,.form-row select:focus{border-color:#45d5b7;box-shadow:0 0 0 3px #45d5b724}.custom-field{background:#f3fbf8;border-radius:12px;padding:12px}.trailer-upload-intro{background:linear-gradient(135deg,#effcf8,#f6fbff);border:1px solid #d7eee8;border-radius:13px;margin-bottom:16px;padding:15px 16px}.trailer-upload-intro strong{color:#17344c;margin-bottom:5px;font-size:13px;display:block}.trailer-upload-intro p{color:#65778b;margin:0;font-size:12px;line-height:1.55}.trailer-upload-box label{min-height:105px}.image-count-row{color:#718196;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.trailer-image-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.trailer-image-card{aspect-ratio:.78;background:#e8eff5;border:1px solid #cfdae4;border-radius:10px;position:relative;overflow:hidden}.trailer-image-card img{object-fit:cover;width:100%;height:100%;display:block}.trailer-image-number{color:#45d5b7;background:#10213beb;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:6px;left:6px}.remove-image-button{color:#fff;background:#0a182ae6;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:17px;display:grid;position:absolute;top:6px;right:6px}.remove-image-button:hover{background:#c83d4b}.optional-note{color:#6c7b8e;background:#f4f7fa;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:11px;line-height:1.45;display:flex}.optional-note strong{color:#1c9d84}.music-volume-label{margin-top:18px;margin-bottom:8px}.music-volume-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.music-volume-button{color:#5b6a7c;background:#fff;border:1px solid #d2dde7;border-radius:9px;height:40px;font-size:11px;font-weight:800}.music-volume-button.active{color:#10213b;background:#effcf8;border-color:#45d5b7}.preview-music-button{color:#fff;background:#10213b;border:0;border-radius:10px;width:100%;height:44px;margin-top:12px;font-size:12px;font-weight:900}.preview-music-button:disabled{opacity:.45;cursor:default}.music-note{color:#8290a2;text-align:center;margin-top:9px;font-size:10px}.format-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.format-button{color:#52647a;background:#fff;border:1px solid #d2dde7;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:94px;display:flex}.format-button.active{color:#10213b;background:#effcf8;border-color:#45d5b7;box-shadow:0 0 0 2px #45d5b71f}.format-button strong{margin-top:7px;font-size:12px}.format-button small{color:#8592a3;margin-top:2px;font-size:10px}.format-icon{border:2px solid;border-radius:3px;display:block}.portrait-icon{width:19px;height:31px}.square-icon{width:27px;height:27px}.landscape-icon{width:34px;height:21px}.duration-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.duration-button{color:#5b6a7c;background:#fff;border:1px solid #d2dde7;border-radius:10px;height:42px;font-size:12px;font-weight:800}.duration-button.active{color:#fff;background:#10213b;border-color:#10213b}.preview-column{position:sticky;top:22px}.preview-panel{padding:24px}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.preview-heading span{color:#1c9d84;letter-spacing:1.2px;margin-bottom:3px;font-size:10px;font-weight:900;display:block}.replay-button{color:#43546a;background:#fff;border:1px solid #d4dee8;border-radius:9px;height:38px;padding:0 14px;font-size:12px;font-weight:800}.preview-stage{background:linear-gradient(145deg,#e9f1f7,#dce8f1);border-radius:16px;justify-content:center;align-items:center;min-height:610px;padding:24px;display:flex;overflow:hidden}.video-preview{color:#fff;background:#071424;position:relative;overflow:hidden;box-shadow:0 22px 55px #04101f47}.video-preview.vertical{aspect-ratio:9/16;width:300px}.video-preview.square{aspect-ratio:1;width:480px}.video-preview.landscape{aspect-ratio:16/9;width:100%;max-width:680px}.video-background,.grid-overlay,.glow{position:absolute;inset:0}.video-background{background:linear-gradient(145deg,#071424 0%,#102d49 45%,#071424 100%)}.grid-overlay{opacity:.15;background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:32px 32px}.glow{filter:blur(50px);opacity:.38;border-radius:50%;width:230px;height:230px}.glow-one{background:#45d5b7;top:18%;left:-90px}.glow-two{background:#287bd1;inset:auto -90px 10% auto}.scene{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.active-scene{opacity:1;animation:.34s ease-out both sceneEnter}@keyframes sceneEnter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.text-scene{padding:12%}.scene h3{letter-spacing:-.8px;margin:13px 0 0;padding:0 5%;font-size:clamp(21px,3.2vw,38px);line-height:1.06}.small-kicker{color:#45d5b7;letter-spacing:1.6px;font-size:10px;font-weight:900}.accent-line{background:#45d5b7;border-radius:999px;width:50px;height:3px;margin-top:19px}.middle-accent{color:#45d5b7;margin-top:18px;font-size:22px}.cover-only-scene{padding:4%}.main-cover-large{object-fit:contain;border-radius:4px;max-width:82%;max-height:90%;animation:2.4s ease-in-out infinite coverFloat;box-shadow:0 24px 50px #00000085}.large-cover-placeholder{aspect-ratio:.68;background:linear-gradient(160deg,#45d5b7,#1c5e85);border:2px solid #ffffff73;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:55%;display:flex}.large-cover-placeholder strong{font-size:36px}.large-cover-placeholder span{letter-spacing:2px;font-size:11px}@keyframes coverFloat{0%,to{transform:translateY(4px)scale(.98)}50%{transform:translateY(-5px)scale(1.025)}}.large-subtitle{color:#cad8e5;max-width:88%;margin:22px auto 0;font-size:14px;line-height:1.55}.author-pill{color:#45d5b7;background:#45d5b71f;border-radius:999px;margin-top:24px;padding:8px 14px;font-size:11px;font-weight:900}.fullscreen-image-scene{padding:2%}.fullscreen-trailer-image{object-fit:contain;border-radius:7px;width:96%;height:96%;display:block;box-shadow:0 20px 45px #0006}.image-motion-1 .fullscreen-trailer-image{animation:2.2s ease-in-out infinite imageZoom}.image-motion-2 .fullscreen-trailer-image{animation:2.2s ease-in-out infinite imageSide}.image-motion-3 .fullscreen-trailer-image{animation:2.2s ease-in-out infinite imageUp}.image-motion-4 .fullscreen-trailer-image{animation:2.2s ease-in-out infinite imageZoomOut}@keyframes imageZoom{0%,to{transform:scale(.985)}50%{transform:scale(1.025)}}@keyframes imageSide{0%,to{transform:translate(3px)scale(1)}50%{transform:translate(-3px)scale(1.02)}}@keyframes imageUp{0%,to{transform:translateY(3px)scale(1)}50%{transform:translateY(-3px)scale(1.02)}}@keyframes imageZoomOut{0%,to{transform:scale(1.025)}50%{transform:scale(.99)}}.cta-book-title{color:#a8bdd1;max-width:80%;margin-top:18px;font-size:10px}.final-cover-scene{padding:3%}.final-cover-large{object-fit:contain;border-radius:4px;max-width:85%;max-height:92%;animation:2.3s ease-in-out infinite finalCoverMove;box-shadow:0 25px 55px #00000085}@keyframes finalCoverMove{0%{transform:scale(.96)}50%{transform:scale(1.025)}to{transform:scale(.98)}}.preview-details{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.preview-details span{color:#566a80;background:#edf4f8;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.preview-details .image-preview-badge{color:#16866f;background:#e8faf5}.preview-details .music-preview-badge{color:#4b55a5;background:#eef0ff}.export-button{color:#fff;background:#10213b;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:58px;margin-top:15px;font-size:14px;font-weight:900;display:flex}.export-button small{color:#8ea3ba;margin-top:3px;font-size:9px;font-weight:600}.export-button:disabled{cursor:default;opacity:.75}@media (width<=1050px){.studio-layout{grid-template-columns:1fr}.preview-column{position:static}}@media (width<=620px){.topbar{height:auto;min-height:72px;padding:15px 18px}.topbar-badge{display:none}.app{width:calc(100% - 24px);padding-top:28px}.panel,.preview-panel{padding:18px}.format-grid{grid-template-columns:1fr}.trailer-image-grid{grid-template-columns:repeat(2,1fr)}.preview-stage{min-height:520px;padding:14px}.video-preview.vertical{width:min(280px,100%)}}.topbar{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:150px;padding:18px 20px;display:flex}.topbar-logo{object-fit:contain;width:auto;max-width:min(90%,760px);height:115px;display:block}.theme-switcher{background:#fff;border:1px solid #cbd9e6;border-radius:999px;justify-content:center;align-items:center;gap:4px;margin:0 auto 18px;padding:5px;display:inline-flex;box-shadow:0 6px 18px #0f233c14}.theme-option{color:#52677d;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:800;transition:background .2s,color .2s,transform .2s}.theme-option:hover{transform:translateY(-1px)}.theme-option.active{color:#fff;background:#10243f}.app-shell{transition:background .25s,color .25s}.app-shell.dark-mode{color:#f5f8fc;background:linear-gradient(135deg,#07111f 0%,#0c1b2d 50%,#07111f 100%)}.dark-mode .app{background:0 0}.dark-mode .page-heading h1{color:#fff}.dark-mode .page-heading p{color:#aebfd0}.dark-mode .theme-switcher{background:#0d1d31;border-color:#29415d;box-shadow:0 8px 22px #00000040}.dark-mode .theme-option{color:#9eb1c5}.dark-mode .theme-option.active{color:#071424;background:#45d5b7}.dark-mode .controls-column>*,.dark-mode .preview-panel{color:#f5f8fc;background:#102238;border-color:#243d59}.dark-mode h2,.dark-mode h3,.dark-mode label,.dark-mode strong{color:#f5f8fc}.dark-mode input,.dark-mode select,.dark-mode textarea{color:#fff;background:#0a192b;border-color:#314b67}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#71869b}.dark-mode small,.dark-mode .panel-description{color:#91a7bc}.page-heading{text-align:center;flex-direction:column;align-items:center;display:flex}.theme-switcher{margin:0 auto 18px}.page-heading>span{display:block}