html,body{height:100%;background:#090b0a;color:#f4f5f2}body{display:grid;place-items:center;padding:18px 0;font-family:Arial,Helvetica,sans-serif}.app-shell{width:390px;max-width:100vw}.prototype-strip{height:27px;display:flex;align-items:flex-start;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8d9888;padding:0 8px}.prototype-strip span{display:flex;align-items:center;gap:5px}.prototype-strip i{width:5px;height:5px;border-radius:50%;background:#d7ff00}.prototype-strip a{color:#a9b19f;text-decoration:none;letter-spacing:0;font-size:10px}.phone{height:min(844px,calc(100dvh - 64px));width:100%;display:flex;flex-direction:column;isolation:isolate;box-shadow:0 20px 90px #0008;border-radius:23px}.phone header,.phone .steps{flex-shrink:0}.phone main{min-height:0;overflow:auto;flex:1;padding-bottom:125px;scrollbar-width:thin;scrollbar-color:#444d3d transparent}.phone main.toponly{flex:0 0 auto;overflow:visible}.phone main.continuation{flex:1}.phone .welcome{overflow:auto;min-height:0;flex:1}.phone footer{padding-bottom:max(20px,env(safe-area-inset-bottom));}.phone nav{padding-bottom:max(16px,env(safe-area-inset-bottom));height:76px}.phone>main:last-child{padding-bottom:35px}.phone main:has(+nav){padding-bottom:95px}.phone button{font-family:inherit;cursor:pointer}.button{width:100%;border:0;cursor:pointer;flex-shrink:0}.button:hover{filter:brightness(1.06)}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;filter:none;opacity:.5}.tap{cursor:pointer;outline:none}.tap:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #d7ff00;outline-offset:3px;border-radius:5px}.input{width:100%;outline:none;font-family:inherit;display:block}.input:focus{border-color:#d7ff00;box-shadow:0 0 0 2px #d7ff0012}input.input{height:44px}textarea.idea,textarea.novel{width:100%;padding-bottom:42px;resize:vertical;min-height:160px;max-height:330px}.idea-wrap{position:relative}.idea-wrap .textareafoot{pointer-events:none}.idea-wrap .textareafoot .tap{pointer-events:auto}.phone .search{width:100%;outline:none;color:#dae3d1;font:inherit}.phone .editorbar{flex-wrap:wrap}.phone .sheet{max-height:90%;overflow:auto}.phone .modal{top:50%;transform:translateY(-50%);max-height:80%;overflow:auto}.phone .sheet input,.phone .sheet textarea{margin:14px 0}.phone .scriptbox{height:390px}.phone .editable,.phone .editable .scriptbox{height:420px}.phone .selectline{width:100%;font:inherit;font-size:11px;border:1px solid #343d2c;min-height:40px;outline:none}.phone .player-stage{position:relative;display:flex;justify-content:center;background:#151915;border:1px solid #3b4633;border-radius:11px;overflow:hidden}.phone canvas{display:block;width:100%;max-height:310px;object-fit:contain;aspect-ratio:9/16}.player-caption{font-size:9px;text-align:center;color:#97a888;letter-spacing:1px;margin:10px 0 15px}.player-controls{display:flex;align-items:center;gap:10px;padding:12px 0}.player-controls button{background:#2b3520;color:#d7ff00;border:1px solid #4b5e30;border-radius:7px;padding:8px 12px}.player-controls input{width:100%;accent-color:#d7ff00}.player-controls span{font-size:10px;white-space:nowrap;color:#a9ba96}.shotbody .thumb,.asset .thumb{overflow:hidden}.thumb img,.assetlarge img,.locationpreview img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.shotcount{color:#b6c6a4;font-size:11px}.reorder{display:flex;gap:5px}.reorder button{border:1px solid #4a583b;background:#293320;color:#d7ff00;padding:5px 9px;border-radius:5px}.small-action{display:inline-flex;align-items:center;justify-content:center;background:#232c19;color:#bede85;border:1px solid #43532f;padding:6px 9px;border-radius:6px;font-size:10px}.mini .mini-end{min-width:25px;min-height:30px;display:flex;align-items:center;justify-content:center}.upload-input{display:none}.empty-library{text-align:center;padding:45px 10px}.modal .button,.sheet .button{margin-top:12px}.modal h2{text-wrap:balance}.demo-note{color:#a6b499;background:#20271a;border:1px solid #3b462e;border-radius:7px;padding:9px 11px;font-size:10px;line-height:1.5;margin-bottom:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#d7ff00;color:#1a210c;max-width:350px;width:max-content;padding:13px 20px;border-radius:10px;box-shadow:0 10px 30px #0005;font-size:12px;font-weight:600;opacity:0;pointer-events:none;z-index:50;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.enter{animation:enter .17s ease-out}@keyframes enter{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.running .jobring{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.saving{color:#a9b594!important}.form-error{font-size:11px;color:#ffaeb6;margin:10px 0}.consent input{accent-color:#d7ff00;width:16px;height:16px}.timeline>div{cursor:grab}.timeline .drop-target{outline:2px solid #d7ff00}.dev-route-link{font-size:10px;color:#8b987c}.phone .center{font-size:12px}.phone .welcomegraphic{height:230px}.phone .brandheader{height:75px!important}.syncstatus{margin-top:10px}.settings-toggle{accent-color:#d7ff00}.phone details{border-bottom:1px solid #343b2d;padding:14px 0}.phone summary{cursor:pointer;font-size:13px;color:#d9e7ca}.phone details p{font-size:12px}.phone .content-editor{width:100%;min-height:130px;background:#1b1e1a;color:#e4eddb;border:1px solid #566945;border-radius:9px;padding:13px;font:14px/1.65 Arial;resize:vertical}.phone .shotbar .tag{margin-right:auto}.phone .timeline{overflow-x:auto}.phone .timeline>div{min-width:62px}.phone .progress{min-height:5px}.export-progress{margin:20px 0}.render-status{color:#d7ff00;font-size:12px;text-align:center}.app-shell .phone:has(.welcome){background:radial-gradient(ellipse at 80% 0,#28331b55,transparent 40%),#101112}
@media(max-width:450px){body{padding:0}.prototype-strip{height:25px;padding:7px 12px 0;font-size:7px}.prototype-strip a{font-size:9px}.phone{height:calc(100dvh - 25px);border:0;border-radius:0}.app-shell{width:390px;max-width:100vw}.phone main{padding-left:18px;padding-right:18px}.phone header{padding-left:18px;padding-right:18px}#toast{bottom:100px;max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.modal p{white-space:pre-line}.phone .dialog-actions .button{height:auto;min-height:44px;padding:13px}

.real-video{width:100%;max-height:570px;background:#080808;border-radius:16px;aspect-ratio:9/16}.usage-list .row{padding:18px 0}

.style-art{overflow:hidden!important;padding:0!important;position:relative}.style-art img{width:100%;height:100%;object-fit:cover;display:block}.stylegrid .style-art{height:100px}.stylemini .style-art{height:82px}
.stylegrid>div{position:relative}.stylegrid .selectedtick{display:none!important}.stylegrid>div.selected::after{content:'✓';position:absolute;top:5px;right:5px;width:21px;height:21px;display:grid;place-items:center;background:#d7ff00;color:#10120b;border-radius:6px;font-weight:700}.stylegrid>div{transition:border-color .18s,transform .18s}.stylegrid>div:active{transform:scale(.97)}.style-art img{transition:opacity .2s}.asset .small-action{margin-top:8px}
@media(prefers-reduced-motion:reduce){.stylegrid>div,.style-art img{transition:none}}

/* Compact creation and durable generation workspace */
.compact-setup{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.jobs-access{margin-left:auto;font-size:11px}.live-writing{padding:4px 0}.writing-heading h2{font-size:24px;margin:14px 0}.writing-status,.writing-note,.draft-label{font-size:12px;color:#aeb5a3;line-height:1.6}.live-script{min-height:370px;font-size:16px;line-height:1.7;width:100%;resize:vertical}.live-synopsis{white-space:pre-wrap;font-size:16px;line-height:1.7}.live-episodes article{border-top:1px solid #303529;margin-top:20px;padding-top:16px}.live-episodes small{color:#d7ff00}.live-episodes h3{font-size:18px;margin:8px 0}.live-episodes p{font-size:14px;line-height:1.65}.job-history{max-height:55vh;overflow:auto}.history-item{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid #353a30;padding:14px 0}.history-item span,.history-item small{display:block;margin-top:6px;font-size:12px;color:#aeb5a3}.casting-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.casting-style-grid button{background:#20231e;color:white;border:1px solid #343b2c;border-radius:10px;padding:4px}.casting-style-grid button.selected{border-color:#d7ff00}.casting-style-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.casting-style-grid span{font-size:10px;display:block;padding:6px 0}.cast-list{display:flex;gap:12px;overflow:auto}.cast-person{min-width:90px;font-size:12px}.cast-person img{width:70px;height:70px;object-fit:cover;border-radius:50%}.cast-person b,.cast-person small{display:block}.live-episodes article{animation:episode-arrive .2s ease-out}@keyframes episode-arrive{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.live-episodes article{animation:none}}

button.episode{width:100%;color:inherit;text-align:left;font:inherit;background:transparent;border:0;border-bottom:1px solid #303529;padding:16px 0;display:flex;gap:14px}button.episode .episodenum{color:#d7ff00;font-size:12px}button.episode b{font-size:14px}button.episode p{font-size:12px;line-height:1.6;color:#aeb5a3}
.starring-section{margin:18px 0 22px;border-top:1px solid #30352c;padding-top:16px}.starring-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.starring-heading h2{font-size:15px;margin:0}.starring-heading>span{font-size:11px;color:#c7e966}.starring-section>p{font-size:12px;line-height:1.6;color:#a6ada0;margin:8px 0 12px}.starring-people{display:flex;gap:12px;overflow-x:auto;scrollbar-width:thin;padding:2px 2px 8px}.starring-people:empty{display:none}.starring-person{border:0;background:transparent;color:inherit;width:66px;flex:0 0 66px;padding:0;text-align:center}.starring-person img,.cast-initial{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid #424c38;display:grid;place-items:center;margin:0 auto 7px;background:#242a20;color:#d7ff00;font-size:20px}.starring-person b{display:block;font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.starring-actions{display:flex;gap:8px;margin-top:5px}.starring-actions button{min-height:38px;padding:8px 12px;font-size:12px}.starring-section>small{display:block;color:#818c79;font-size:10px;line-height:1.5;margin-top:10px}.cast-detail-photo{display:block;width:110px;height:110px;object-fit:cover;border-radius:50%;margin:14px auto}.starring-person:hover img,.starring-person:hover .cast-initial{border-color:#d7ff00}.starring-section{animation:episode-arrive .18s ease-out}@media(prefers-reduced-motion:reduce){.starring-section{animation:none}}
.phone:has(.compact-setup) main.toponly{padding-top:14px}.phone:has(.compact-setup) .toponly .eyebrow{display:none}.phone:has(.compact-setup) .toponly h1{font-size:24px}.phone:has(.compact-setup) .toponly p{margin:6px 0;font-size:12px}.phone:has(.compact-setup) .toponly .tabs{margin:12px 0 0}.phone:has(.compact-setup) textarea.idea,.phone:has(.compact-setup) textarea.novel{height:120px;min-height:120px}.phone .compact-setup{margin:10px 0}.phone:has(.compact-setup) .starring-section{margin:12px 0;padding-top:12px}.phone:has(.compact-setup) .starring-section>p{margin:6px 0 8px}
.phone .modal.people-sheet{top:auto;bottom:0;transform:none;border-radius:22px 22px 0 0;max-height:82%;padding:24px}.people-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.people-photo-grid button{padding:0;background:none;color:#f4f5f2;border:0;text-align:left}.people-photo-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}.people-photo-grid span{display:block;font-size:12px;margin-top:7px}.people-empty{padding:35px 15px;text-align:center;color:#9ca39a}.auth-visual{height:155px;display:flex;gap:9px;overflow:hidden;margin:6px 0 28px}.auth-visual img{width:calc((100% - 18px)/3);height:100%;object-fit:cover;border-radius:10px}.auth-visual img:nth-child(2){transform:translateY(14px)}.email-login{margin-top:28px}.email-login label{font-size:12px;color:#bbc1b8}.email-login input{margin:10px 0 16px}.auth-status{font-size:13px;min-height:42px}.auth-caption{color:#889184;font-size:11px}.balance-display{padding:35px 0;display:flex;flex-direction:column;gap:10px}.balance-display strong{font-size:64px;letter-spacing:-3px;color:#d7ff00}.balance-display small{letter-spacing:2px;color:#9ba48f}.phone main:has(.email-login){padding-bottom:25px}.phone main:has(.email-login) h1{font-size:32px;letter-spacing:-1px;line-height:1.12;margin:0}.phone main:has(.email-login)>p{font-size:13px;color:#a6ada1}
.starter-grid{display:grid;gap:14px}.starter-card{display:flex;padding:0;background:#191c18;color:#f0f3ed;border:1px solid #30362a;border-radius:12px;overflow:hidden;text-align:left;min-height:132px}.starter-card img{width:38%;object-fit:cover;aspect-ratio:3/4}.starter-card>span{display:flex;flex:1;flex-direction:column;padding:20px 16px;justify-content:center;gap:8px}.starter-card b{font-size:19px;line-height:1.15;letter-spacing:-.3px}.starter-card small{font-size:10px;color:#b7c29e;text-transform:uppercase;letter-spacing:1px}.starter-card em{font-size:11px;color:#d7ff00;font-style:normal;margin-top:10px}.compact-starters{margin-top:12px}.compact-starters .starter-card{min-height:100px}.compact-starters .starter-card img{height:110px;width:100px}.phone .starter-script{min-height:290px;font-size:13px;line-height:1.65;margin:18px 0}.phone main:has(.create-real)>h1{font-size:30px;line-height:1.12;letter-spacing:-1px;margin-bottom:25px}.phone .starring-section>small{display:none}.phone .starring-section>p{margin-bottom:12px}.avatar{height:70px;width:70px;border-radius:50%;display:grid;place-items:center;background:#d7ff00;color:#111;font-size:30px;margin:0 auto 18px}.profileblock p{overflow-wrap:anywhere}