:root{--ink:#172327;--muted:#667274;--line:#d9dfdb;--paper:#f4f2eb;--panel:#fbfaf6;--lime:#c8ff3f;--lime-deep:#97c81b;--coral:#ff7c5c;--violet:#9d8dff;--black:#101818}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#182729;color:#e8efea;padding:28px 23px;display:flex;flex-direction:column;border-right:1px solid #29383a}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-1px}.brand>span:last-child span{color:var(--lime)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--lime);color:#182729;border-radius:50%;font-family:Georgia;font-weight:700;font-size:24px;line-height:1}.nav{display:grid;gap:6px;margin-top:65px}.nav-link{color:#b9c5c0;padding:11px 12px;border-radius:8px;text-decoration:none;font-size:14px;transition:.2s}.nav-link span{display:inline-block;width:24px;color:var(--lime)}.nav-link:hover,.nav-link.active{background:#2c3e3d;color:#fff}.sidebar-note{margin-top:auto;padding:17px 14px;border-radius:10px;background:#233536;border:1px solid #334849}.sidebar-note p{font-size:13px;line-height:1.45;margin:9px 0 0;color:#d5dfd8}.eyebrow,.kicker{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#778484}.sidebar .eyebrow{color:var(--lime)}.privacy{font-size:11px;color:#98aaa2;margin:18px 3px 0}.privacy span{color:var(--lime);font-size:9px}.workspace{padding:44px clamp(25px,5vw,80px) 80px;max-width:1600px;margin:0 auto;width:100%}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:38px}.topbar h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(35px,4vw,57px);line-height:1.04;letter-spacing:-.045em;font-weight:600;margin:8px 0 0}.topbar em,.check-heading em{color:#597c1b;font-style:italic}.help-button,.text-button{border:0;background:transparent;color:var(--ink);font:500 13px "DM Sans";cursor:pointer;padding:10px 0}.help-button{white-space:nowrap;border-bottom:1px solid #a4adaa}.help-button span{font-size:16px;margin-left:5px}.upload-panel{min-height:395px;background:var(--panel);border:1px solid var(--line);display:grid;grid-template-columns:1fr 40%;overflow:hidden;border-radius:3px}.upload-copy{padding:55px clamp(28px,5vw,76px);position:relative;z-index:1}.kicker{display:block;color:#5f751f;margin-bottom:17px}.upload-copy h2,.controls-pane h2,.story-check h2,.export-panel h2,.guide-dialog h2,.empty-library h2{font-family:"Playfair Display",Georgia,serif;font-size:34px;letter-spacing:-.03em;line-height:1.1;margin:0 0 12px}.upload-copy p{color:var(--muted);font-size:15px;line-height:1.55;max-width:440px;margin:0 0 26px}.primary-button,.secondary-button{border:0;border-radius:3px;padding:13px 18px;display:inline-flex;align-items:center;gap:24px;justify-content:center;background:var(--lime);color:#1d2a2b;font:600 13px "DM Sans";cursor:pointer;transition:transform .15s,box-shadow .15s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #9dbd30}.primary-button span{font-size:19px;line-height:0}.tiny{font-size:11px!important;margin:17px 0 0!important;color:#84908e!important}.upload-art{background:#d9ed84;position:relative;overflow:hidden;min-height:280px}.art-orbit{position:absolute;border:1px solid rgba(25,55,48,.32);border-radius:50%}.orbit-a{width:450px;height:450px;top:-81px;left:-108px}.orbit-b{width:700px;height:700px;top:-215px;left:-233px}.art-card{position:absolute;z-index:2;width:213px;height:255px;background:#172b2b;color:var(--lime);right:17%;top:66px;padding:23px;font-family:"Playfair Display",serif;font-size:27px;line-height:.9;letter-spacing:-.06em;transform:rotate(8deg);box-shadow:10px 15px 0 rgba(20,45,41,.17);display:flex;flex-direction:column;justify-content:space-between}.art-card i{color:#fff;font-family:"DM Sans";font-style:normal;font-size:31px;align-self:flex-end}.hidden{display:none!important}.studio{animation:rise .4s ease}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.project-strip{margin:0 0 18px;padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:13px}.project-strip strong{display:block;font-size:14px;margin-top:4px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-meta{margin-left:auto;display:flex;gap:8px;color:var(--muted);font-family:"DM Mono";font-size:11px}.project-strip .text-button{margin-left:16px;color:#496411}.editor-grid{display:grid;grid-template-columns:minmax(370px,1fr) minmax(380px,500px);gap:clamp(35px,6vw,100px);padding:28px 0 50px;align-items:center}.controls-pane{max-width:540px}.pane-heading{display:flex;align-items:center;justify-content:space-between}.pane-heading .kicker{margin:0}.length-pill{font:500 11px "DM Mono";background:#e2e9d6;color:#50641c;padding:6px 8px;border-radius:20px}.controls-pane h2{font-size:39px;margin-top:13px}.muted{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.time-card{border:1px solid var(--line);border-radius:4px;background:#fafaf6;margin:23px 0;padding:16px}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-inputs label,.style-row label{font-size:11px;color:var(--muted);display:grid;gap:7px}.time-inputs input{width:100%;font:600 18px "DM Mono";border:0;border-bottom:1px solid #cbd3cf;background:transparent;padding:4px 0;color:var(--ink)}.time-inputs input:focus{outline:none;border-color:#6d921c}.range-wrap{height:25px;position:relative;margin-top:14px}.range-wrap input{position:absolute;width:100%;left:0;top:4px;accent-color:#719615;height:4px;pointer-events:none}.range-wrap input::-webkit-slider-thumb{pointer-events:auto;width:14px;height:14px;cursor:ew-resize}.timeline-labels{display:flex;justify-content:space-between;font:10px "DM Mono";color:#87928e}.field-group{margin-top:17px}.field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.field-head label{font-weight:600;font-size:12px}.field-head span{font:10px "DM Mono";color:#86918e;text-transform:uppercase}.field-group textarea{display:block;width:100%;resize:vertical;border:1px solid var(--line);background:#fbfaf6;padding:11px 12px;font:13px/1.4 "DM Sans";border-radius:3px;color:var(--ink)}.field-group textarea:focus{outline:2px solid #c8ff3f;border-color:#b1d744}.compact-field{margin-top:12px}.style-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.style-row select{font:500 13px "DM Sans";border:1px solid var(--line);background:#fbfaf6;border-radius:3px;padding:10px;color:var(--ink)}.preview-pane{display:grid;justify-items:center;position:relative}.phone{width:min(100%,320px);aspect-ratio:9/16;background:#243334;border:8px solid #1b2727;border-radius:28px;padding:8px;position:relative;z-index:1;box-shadow:0 19px 35px rgba(40,53,44,.25);overflow:hidden}.phone-top,.phone-foot{position:absolute;left:18px;right:18px;z-index:5;display:flex;align-items:center;justify-content:space-between;color:#fff;font:9px "DM Mono";letter-spacing:.08em;text-shadow:0 1px 3px #000}.phone-top{top:17px}.phone-foot{bottom:16px;font-size:10px}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 3px rgba(200,255,63,.19)}.audio-bars{letter-spacing:1px;color:var(--lime)}.video-stage{width:100%;height:100%;position:relative;overflow:hidden;background:#334947}.video-stage video{position:absolute;width:100%;height:100%;inset:0}.video-stage #backgroundVideo{object-fit:cover;filter:blur(15px) brightness(.52);transform:scale(1.12)}.video-stage #sourceVideo{object-fit:contain;z-index:1}.video-scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 25%,transparent 70%,rgba(0,0,0,.55))}.overlay{position:absolute;z-index:3;color:#fff;text-align:center;text-shadow:0 2px 7px rgba(0,0,0,.65)}.hook-overlay{top:12%;left:12%;right:12%;font:700 22px/1.05 "DM Sans";letter-spacing:-.04em}.caption-overlay{left:9%;right:9%;bottom:16%;font:700 16px/1.12 "DM Sans"}.caption-overlay::after{content:"";position:absolute;left:30%;right:30%;height:3px;background:var(--lime);bottom:-8px}.context-overlay{bottom:5%;left:8%;right:8%;background:rgba(14,27,27,.81);border-left:3px solid var(--lime);padding:8px 9px;text-align:left;display:grid;gap:2px;text-shadow:none}.context-overlay span{font:8px "DM Mono";color:var(--lime);letter-spacing:.12em}.context-overlay strong{font-size:10px;line-height:1.2}.safe-guides{position:absolute;inset:16% 6% 13%;z-index:4;pointer-events:none;opacity:0}.safe-guides i{position:absolute;top:0;bottom:0;border-left:1px dashed rgba(200,255,63,.65)}.safe-guides i:first-child{left:0}.safe-guides i:last-child{right:0}.phone:hover .safe-guides{opacity:1}.device-shadow{position:absolute;width:300px;height:420px;background:#cbe55d;filter:blur(55px);border-radius:50%;top:50px}.preview-actions{display:flex;gap:8px;margin-top:18px;position:relative;z-index:2}.play-button,.icon-button{border:1px solid var(--line);background:var(--panel);font:600 12px "DM Sans";color:var(--ink);padding:10px 14px;border-radius:3px;cursor:pointer}.play-button{background:#1d2e2d;color:#fff;border-color:#1d2e2d}.icon-button{font-size:17px;padding:6px 11px}.story-check{border-top:1px solid var(--line);padding:55px 0}.check-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.check-heading .kicker{margin-bottom:11px}.check-heading h2{font-size:33px;margin:0}.readiness{display:flex;align-items:center;gap:10px;min-width:130px;padding:12px;background:#e6ebdf}.readiness strong{font:600 28px "DM Mono";color:#6e9019}.readiness span{font:10px/1.15 "DM Mono";color:#69746e;text-transform:uppercase}.check-intro{max-width:650px;color:var(--muted);font-size:14px;line-height:1.5;margin:17px 0 24px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-item{display:flex;gap:11px;padding:13px;border:1px solid var(--line);background:#fafaf6;cursor:pointer;transition:.15s}.check-item input{position:absolute;opacity:0}.fake-check{flex:0 0 16px;height:16px;border:1px solid #aab5ae;border-radius:50%;margin-top:2px}.check-item input:checked+.fake-check{background:var(--lime);border-color:#98bd20;box-shadow:inset 0 0 0 4px #f8fbef}.check-item:has(input:checked){border-color:#a9c65c;background:#f6f9ec}.check-item strong{display:block;font-size:12px;line-height:1.35}.check-item small{display:block;color:#76817d;font-size:11px;line-height:1.35;margin-top:3px}.export-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.export-panel h2{font-size:29px;margin-bottom:6px}.export-panel p{font-size:13px;color:var(--muted);line-height:1.45;margin:0;max-width:480px}.export-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.secondary-button{background:transparent;border:1px solid var(--ink);padding:12px 15px;gap:0}.export-status{font:11px "DM Mono";width:100%;text-align:right;color:#647514;min-height:13px}.guide-dialog{border:0;padding:35px;max-width:510px;background:#fcfbf5;color:var(--ink);box-shadow:0 20px 70px rgba(0,0,0,.3)}.guide-dialog::backdrop{background:rgba(16,28,27,.65);backdrop-filter:blur(3px)}.guide-dialog h2{font-size:35px;margin-top:11px}.guide-dialog p,.guide-dialog li{color:#53605c;line-height:1.5;font-size:14px}.guide-dialog ul{padding-left:19px}.guide-dialog li{margin:9px 0}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:27px;cursor:pointer}.dialog-note{font-size:12px!important;border-top:1px solid var(--line);padding-top:14px}.empty-library{border:1px dashed #b7c1bb;padding:60px;text-align:center;background:#fafaf6}.empty-library>span{font-size:36px;color:#7b981d}.empty-library h2{font-size:27px;margin-top:8px}.empty-library p{color:var(--muted);font-size:13px}@media(max-width:950px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:18px 22px;flex-direction:row;align-items:center}.nav{display:flex;margin:0 0 0 auto}.nav-link{padding:7px}.nav-link span{display:none}.sidebar-note,.privacy{display:none}.workspace{padding-top:36px}.editor-grid{grid-template-columns:1fr;gap:28px}.preview-pane{order:-1}.phone{width:280px}.controls-pane{max-width:none}.upload-panel{grid-template-columns:1fr 32%}.checklist{grid-template-columns:1fr}}@media(max-width:620px){.workspace{padding:25px 17px 50px}.topbar{display:block}.help-button{margin-top:15px}.upload-panel{grid-template-columns:1fr}.upload-art{display:none}.upload-copy{padding:39px 26px}.project-strip{align-items:flex-start;flex-wrap:wrap}.source-meta{margin-left:0;width:100%;order:3}.project-strip .text-button{margin-left:auto}.check-heading,.export-panel{align-items:flex-start;flex-direction:column}.readiness{align-self:flex-end;margin-top:-30px}.export-actions{justify-content:flex-start}.export-status{text-align:left}.style-row{grid-template-columns:1fr}.sidebar .brand{font-size:19px}.nav-link.active{background:none;color:var(--lime)}}