:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#2e3b31;background:#f7f5ef;font-synthesis:none;font-weight:400;font-size:14px;--green:#305b46;--ink:#293c30;--muted:#8a8d80;--line:#e4e4d9;--paper:#fffdf8}*{box-sizing:border-box}body{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a6bda1;outline-offset:4px}button{border:0;background:none}input,select,textarea{font:inherit;color:inherit}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}.app-shell{max-width:1600px;min-height:100vh;margin:auto;padding:0 5.2vw;display:flex;flex-direction:column;background-image:radial-gradient(#b3b29c14 .6px,transparent .6px);background-size:5px 5px}.topbar{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}.brand{display:flex;gap:12px;align-items:center;text-align:left;font-family:Georgia,serif;font-weight:700;font-size:29px;letter-spacing:-1px}.brand-mark{font-family:Georgia,serif;font-size:55px;font-weight:400;line-height:1;color:var(--green)}.brand-caption{display:block;font-family:Segoe UI,sans-serif;font-size:8px;letter-spacing:2px;margin-top:5px;color:#7e897b;font-weight:500}.topbar nav{display:flex;gap:28px;height:100%;margin-left:25px}.topbar nav button{padding:0;position:relative;font-size:13px;color:#93968b}.topbar nav button.nav-active{color:var(--green)}.topbar nav button.nav-active:after{content:"";position:absolute;width:21px;height:2px;bottom:23px;left:0;background:var(--green)}.account{margin-left:auto;display:flex;align-items:center;gap:17px}.credit{font-size:12px;font-variant-numeric:tabular-nums;background:#eceee4;border-radius:30px;padding:8px 13px}.avatar{border-radius:50%;background:#e4e7da;width:36px;height:36px;font-family:Georgia,serif;font-size:18px}.icon-button{display:inline-flex;padding:6px;align-items:center;justify-content:center}.login-link{display:flex;gap:10px;align-items:center;font-size:13px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,1fr);gap:7.4vw;padding:68px 0 35px;max-width:1320px;width:100%;margin:auto}.eyebrow{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.8px;font-weight:500;color:#7c8b72}.tiny-spark{color:#b99653;font-size:16px}.workspace h1{position:relative;width:max-content;max-width:100%;font:normal clamp(44px,4.4vw,67px)/1.1 Georgia,serif;letter-spacing:-2px;margin:24px 0 23px;color:var(--ink)}.workspace h1 em{font-weight:400;color:#52765a}.title-underline{width:60%;height:18px;position:absolute;bottom:-12px;right:0;stroke:#c8ac70;stroke-width:2;fill:none}.intro{color:#858c7d;font-size:14px;line-height:1.8;margin-bottom:33px}.stepper{display:flex;gap:22px;align-items:center;margin:0 0 20px}.stepper button{display:flex;align-items:center;gap:8px;font-size:11px;color:#a4a699;padding:0}.stepper button span{display:flex;align-items:center;justify-content:center;background:#eaece2;border-radius:50%;width:21px;height:21px;font-size:10px}.stepper button.current{color:var(--green)}.stepper button.current span{background:var(--green);color:#fff}.stepper button.complete span{background:#dce4d3;color:var(--green)}.stepper i{width:35px;height:1px;background:#dedfd3;margin-left:8px}.composer{border:1px solid #dedfd3;border-radius:17px;background:var(--paper);box-shadow:0 6px 22px #40503204;padding:24px 25px 20px}.composer-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.composer-label label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.composer-label>span{font-family:Georgia,serif;font-size:11px;font-style:italic;color:#a0a28f}.composer>textarea{border:0;width:100%;min-height:150px;background:transparent;outline:none;line-height:1.8;font-size:13px;padding:0}.composer textarea::placeholder{color:#a1a597}.composer-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:17px 0 21px}.segments{display:flex;background:#f1f1e9;border-radius:7px;padding:3px}.segments button{padding:7px 11px;font-size:10px;border-radius:5px;color:#949b8c}.segments .selected{background:#fff;color:var(--ink);box-shadow:0 1px 5px #2430270a}.duration-control{display:flex;align-items:center;gap:8px;color:#969b8d;font-size:10px}select{border:1px solid #e4e5db;background:#fbfaf5;border-radius:7px;padding:8px 9px;max-width:100%;outline:none}.duration-control select{font-size:10px;color:#4d5e4c;border:0;background:#f2f2e9}.composer-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #eeeee4;padding-top:17px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:8px;background:var(--green);color:#fffdf4;font-size:11px;font-weight:500;box-shadow:0 3px 5px #31594413;min-height:42px;white-space:nowrap}.primary:hover:not(:disabled){background:#244b38}.text-button{display:inline-flex;align-items:center;gap:7px;padding:4px 0;font-size:10px;color:#8f9787;cursor:pointer}.text-button:hover{color:var(--green)}.workspace-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:9px;color:#a2a794}.workspace-foot>span{display:flex;align-items:center;gap:6px}.workspace-foot .text-button{font-size:9px}.preview-area{padding-top:10px;position:relative;align-self:start;max-width:455px;width:100%;margin:auto}.preview-heading{display:flex;justify-content:space-between;color:#929986;font-size:8px;letter-spacing:1.3px;margin-bottom:24px}.preview-heading>span:first-child{display:flex;align-items:center;gap:6px}.live-dot{display:inline-block;width:5px;height:5px;background:#849674;border-radius:50%}.paper-frame{width:265px;margin:auto;position:relative;background:#f7f0df;box-shadow:5px 13px 25px #45402d15,-2px 2px 6px #45402d08;transform:rotate(-1deg)}.paper-frame canvas,.paper-frame video{display:block;width:100%;height:auto}.paper-frame.aspect-16-9,.paper-frame.aspect-1-1{width:100%}.paper-tape{position:absolute;top:-12px;left:calc(50% - 37px);width:74px;height:24px;background:#e2d8bfa1;transform:rotate(6deg);clip-path:polygon(2% 5%,100% 0,96% 100%,0 95%);pointer-events:none}.preview-player{display:flex;gap:12px;align-items:center;margin:23px auto 0;max-width:310px;font-size:9px;color:#929986}.preview-player button{display:flex;color:var(--green);width:28px;height:28px;align-items:center;justify-content:center;background:#e8ecdf;border-radius:50%}.preview-player input{flex:1;min-width:20px;accent-color:#658060;height:3px}.preview-player>span{white-space:nowrap;font-variant-numeric:tabular-nums}.preview-note{display:flex;justify-content:center;gap:18px;align-items:center;margin:15px auto 0;color:#8e987d}.preview-note p{font-family:Segoe Print,Georgia,serif;font-size:18px;line-height:1.5;transform:rotate(-5deg);margin:0}.preview-note p em{font-size:16px;color:#aa9d7d}.preview-note>span:last-child{font-size:37px;color:#c0a467}.note-arrow{font-family:Georgia,serif;font-size:57px;font-weight:400;transform:rotate(-20deg);color:#b0b59b}.sample-button{margin:18px auto 0;display:flex;font-size:10px}.message{padding:13px 18px;margin:16px auto 0;width:100%;font-size:12px;line-height:1.6;border-radius:9px;display:flex;justify-content:space-between;gap:15px}.message button{display:flex;align-self:center}.error{color:#8f493b;background:#f9eae3;border:1px solid #efd4c8}.notice{background:#eaf0e2;color:#47613e;border:1px solid #d9e3ce}.demo-banner{font-size:10px;background:#ece9d8;color:#877b58;text-align:center;margin:10px 0 0;padding:8px;border-radius:6px}.json-panel{margin-top:20px;border-top:1px dashed var(--line);padding-top:16px}.json-panel p,.fine-print{font-size:10px;color:#949987;line-height:1.6}.json-panel textarea{font-family:monospace;font-size:11px;width:100%;min-height:160px;background:#f5f4ec;border:1px solid var(--line);border-radius:8px;padding:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.secondary{display:inline-flex;gap:7px;align-items:center;justify-content:center;background:#eeeee4;border:1px solid #e0e2d5;padding:10px 13px;border-radius:7px;font-size:11px;cursor:pointer}.story-title{width:100%;border:0;border-bottom:1px solid var(--line);padding:5px 0 13px;font:22px Georgia,serif;outline:none;background:transparent}.script-scenes{max-height:320px;overflow:auto;padding-right:3px;margin-top:20px}.script-scene{display:flex;gap:12px;padding-bottom:18px}.scene-number{font-family:Georgia,serif;color:#b6b59e;font-size:15px;padding-top:3px}.script-scene>div{flex:1}.script-scene input{width:100%;border:0;font-weight:600;font-size:11px;outline:none;background:transparent;padding:4px 0}.script-scene textarea{width:100%;min-height:75px;padding:5px 0;border:0;outline:none;background:transparent;font-size:12px;line-height:1.7;color:#7c8775}.voice-section{padding:18px 0 10px;border-top:1px solid var(--line)}.voice-section .composer-label{margin-bottom:6px}.voice-controls select{flex:1;font-size:11px}.upload-voice{margin-top:14px}.fine-print{margin:12px 0 0}.save-actions{display:flex;gap:22px;margin-top:15px}.help-panel{padding:18px;margin-top:12px;background:#eeefe4;font-size:11px;line-height:1.8;border-radius:9px}.help-panel p{color:#7c8775;margin:8px 0}.result-summary{text-align:center;padding:10px 0 20px}.success-icon{display:inline-flex;border-radius:50%;background:#e8eedf;padding:12px;color:#597b4b;margin-bottom:16px}.result-summary h2{font:27px Georgia,serif;margin-bottom:12px}.result-summary p{color:#939b87;font-size:12px}.result-stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:20px;gap:50px;font-size:11px;color:#8a9380}.result-stats strong{display:block;font-size:21px;color:var(--green);margin-top:8px;font-weight:400}.result-stats small{display:block;margin-top:5px;font-size:9px}.export-controls{display:flex;gap:15px}.export-controls>label{font-size:10px;color:#8a9380;flex:1}.export-controls select{display:block;width:100%;margin-top:7px;font-size:11px}.toggles{font-size:11px;margin:18px 0}.toggles label{display:flex;gap:7px;align-items:center}.toggles input{accent-color:var(--green)}.full{display:flex;justify-content:center;width:100%;margin-top:13px}.export-progress{display:flex;gap:10px;align-items:center;font-size:10px;margin:18px 0}.export-progress progress{accent-color:var(--green);height:6px;flex:1}.busy-pill{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#2f4f3c;color:#fff;padding:15px 22px;border-radius:30px;font-size:12px;z-index:10;box-shadow:0 5px 25px #1e302630}.busy-pill span{font-size:10px;opacity:.6}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{margin-top:auto;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;color:#a3a794;font-size:9px}footer>span:last-child{display:flex;align-items:center;gap:8px}.projects-page{padding:54px 0 70px;min-height:70vh}.projects-page h1{font:40px/1.2 Georgia,serif;letter-spacing:-1px;margin:20px 0}.projects-page p{color:#8b9481;line-height:1.7;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.project-actions{display:flex;gap:14px;margin:18px 0 30px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-card{display:flex;flex-direction:column;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0 0 17px;transition:transform .2s}.project-card:hover{transform:translateY(-3px)}.project-art{display:flex;align-items:center;justify-content:center;background:#ece8d5;width:100%;height:160px;color:#79906a}.project-card strong{font-family:Georgia,serif;font-weight:400;font-size:19px;margin:17px 17px 10px}.project-card>span:last-child{font-size:10px;color:#929987;margin:0 17px}.empty{grid-column:1/-1;text-align:center;color:#8c9b7b;padding:65px 10px}.empty h3{font:25px Georgia,serif;margin:20px 0 10px}.modal-backdrop{position:fixed;inset:0;background:#223c2d55;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--paper);border-radius:16px;padding:30px;max-height:85vh;overflow:auto;width:min(580px,100%);position:relative}.modal h2{font:27px Georgia,serif}.modal p{font-size:12px;color:#8f987f}.modal-close{position:absolute;right:15px;top:14px}.drive-file{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:17px 0;width:100%;text-align:left}.drive-file>span{flex:1;overflow-wrap:anywhere}.drive-file small{display:block;color:#929987;font-size:10px;margin-top:5px}.admin-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--paper);margin:25px 0}.admin-card h2{font:24px Georgia,serif}.admin-card label{font-size:11px}.admin-card input:not([type=checkbox]){display:block;background:#f7f7ef;border:1px solid var(--line);border-radius:6px;padding:9px;margin-top:7px;max-width:100%}.user-row{display:flex;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line);flex-wrap:wrap}.user-row>span{flex:1;min-width:160px;font-size:12px}.user-row small{display:block;font-size:10px;color:#929987;margin-top:5px}.user-row input[type=number]{width:110px}.muted{font-size:11px;color:#8a9380}@media(min-width:1500px){.studio-layout{gap:110px}.app-shell{padding:0 90px}.workspace h1{font-size:72px}.paper-frame{width:300px}}@media(max-width:1050px){.topbar{gap:20px}.topbar nav{margin-left:0;gap:18px}.studio-layout{gap:40px;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);padding-top:45px}.composer{padding:20px}.composer-bottom,.composer-controls{flex-wrap:wrap}.stepper{gap:12px}.stepper i{width:17px;margin-left:0}.paper-frame{width:235px}.workspace h1{font-size:51px}.busy-pill{width:max-content;max-width:95%}.project-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:740px){.app-shell{padding:0 21px}.topbar{height:82px;gap:10px;flex-wrap:wrap}.brand{font-size:25px;gap:8px}.brand-mark{font-size:42px}.brand-caption{font-size:6px}.topbar nav{order:3;display:none}.account{gap:8px}.credit{padding:6px 9px;font-size:10px}.login-link{font-size:11px}.studio-layout{display:flex;flex-direction:column;padding-top:35px;gap:35px}.workspace h1{font-size:53px;margin-top:20px}.eyebrow{font-size:7px;letter-spacing:1.1px}.intro{font-size:12px;margin-bottom:25px}.composer{padding:20px 17px}.composer-label{gap:5px}.composer-label>span{font-size:10px}.composer-controls{gap:16px}.duration-control{font-size:9px}.primary{padding:12px 14px;font-size:10px}.composer-bottom{gap:12px}.text-button{font-size:10px}.preview-area{max-width:360px;padding:10px 10px 25px}.preview-heading{font-size:7px}.paper-frame{width:235px}.preview-player{max-width:280px}.preview-note{margin-top:10px}.preview-note p{font-size:17px}.workspace-foot{font-size:8px}.save-actions{gap:17px}.demo-banner{font-size:9px;text-align:left;line-height:1.5}.message{font-size:11px}.busy-pill{font-size:11px;padding:13px 17px}.busy-pill span{display:none}footer{padding:20px 0;gap:15px;font-size:8px}footer>span:last-child{max-width:155px;text-align:right;line-height:1.5}.section-heading{align-items:start;flex-direction:column}.projects-page h1{font-size:32px}.project-grid{grid-template-columns:repeat(2,1fr);gap:14px}.project-actions{flex-wrap:wrap}.project-card strong{font-size:17px}.project-art{height:130px}.admin-card{padding:18px}.admin-card .row{align-items:stretch;flex-direction:column}.admin-card input:not([type=checkbox]){width:100%}.user-row{gap:13px}.voice-controls{gap:8px}.voice-controls select{font-size:10px}.script-scenes{max-height:360px}.result-stats{gap:40px}.result-summary h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.mobile-projects{display:none}@media(max-width:740px){.mobile-projects{display:inline-flex}}