:root{--bg: #f6f6fc;--panel: #fff;--text: #201d35;--muted: #77778f;--border: #e5e5f0;--soft: #f1f0f8;--accent: #7c54ed;--accent-dark: #6640d4;--accent-soft: #f0eaff;--green: #25846c;--green-soft: #edf8f3;--red: #c74e5f;--red-soft: #fff0f2;--shadow: 0 18px 50px #32306a0a;--radius: 14px;--header: 72px;--font: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #14131c;--panel: #1e1c29;--text: #f4f1ff;--muted: #aaa5ba;--border: #343140;--soft: #292634;--accent: #9a78ff;--accent-dark: #8764ed;--accent-soft: #312748;--green: #65c5a9;--green-soft: #1d352f;--red: #ff8290;--red-soft: #45242b;--shadow: 0 18px 50px #00000026;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);font-size:14px;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}svg{width:1.25em;height:1.25em;stroke-width:1.9}::selection{background:#7c54ed35}:focus-visible{outline:3px solid #7c54ed42;outline-offset:3px}.btn{min-height:42px;padding:0 17px;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--panel);font-size:14px;font-weight:600;white-space:nowrap;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.btn:hover:not(:disabled){border-color:#cfcadd;background:var(--soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px #7c54ed16}.btn.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn.small{min-height:34px;padding:0 12px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.spinner{width:18px;height:18px;display:inline-block;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .75s linear infinite}.spinner.light{border-color:#fff6;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.app-loading,.page-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.app-shell{min-height:100vh}.topbar{height:var(--header);display:flex;align-items:center;gap:22px;padding:0 32px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:40}.brand-link{display:inline-flex}.brand-lockup{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:750;letter-spacing:-1px}.brand-mark{width:32px;height:34px;color:var(--accent);display:flex;align-items:center;justify-content:center}.brand-mark svg{width:32px;height:32px}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.top-link{min-height:38px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;border-radius:9px}.top-link:hover{background:var(--soft)}.top-link svg{width:18px;height:18px}.icon-button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.icon-button:hover{background:var(--soft)}.avatar{list-style:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.avatar::-webkit-details-marker{display:none}.account-menu{position:relative}.account-popover{display:none;position:absolute;right:0;top:48px;width:270px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px;box-shadow:0 20px 55px #1713271c}.account-menu[open] .account-popover{display:block}.account-person{display:flex;align-items:center;gap:11px;padding:10px;border-bottom:1px solid var(--border);margin-bottom:6px}.account-person>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.account-person strong,.account-person small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-person small{color:var(--muted)}.account-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--accent);flex:none}.account-popover>button{width:100%;min-height:40px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:8px;text-align:left}.account-popover>button:hover{background:var(--red-soft);color:var(--red)}.rail{position:fixed;z-index:30;left:22px;top:43%;display:flex;flex-direction:column;gap:7px;background:var(--panel);border:1px solid var(--border);padding:7px;border-radius:18px;box-shadow:0 3px 10px #15112708}.rail-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:57px;height:65px;border-radius:12px;color:var(--muted);font-size:12px}.rail-button:hover{background:var(--soft)}.rail-button.active{background:var(--text);color:var(--panel)}.rail-button svg{width:21px;height:21px}.page{max-width:1370px;margin:0 auto;padding:54px 54px 80px 124px;min-height:calc(100vh - var(--header))}.auth-page{min-height:100vh;background:var(--bg)}.auth-header{height:74px;display:flex;align-items:center;padding:0 42px;background:var(--panel);border-bottom:1px solid var(--border)}.auth-layout{min-height:calc(100vh - 74px);max-width:1180px;margin:0 auto;padding:64px 48px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:100px;align-items:center}.auth-story h1{font-size:clamp(38px,4vw,58px);line-height:1.24;letter-spacing:-2.5px;background:linear-gradient(105deg,#9b6be9 5%,#758cee 50%,#b873d8 92%);color:transparent;-webkit-background-clip:text;background-clip:text}.auth-story>p{max-width:590px;margin-top:26px;color:var(--muted);font-size:17px;line-height:1.9}.auth-story ul{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:16px}.auth-story li{display:flex;align-items:center;gap:11px;font-size:15px}.auth-story li svg{width:20px;height:20px;color:var(--green)}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.auth-card-heading h2{font-size:26px;letter-spacing:-.8px}.auth-card-heading p{margin-top:9px;color:var(--muted);line-height:1.7}.auth-card form{margin-top:26px;display:grid;gap:18px}.auth-card label,.shot-editor label{display:grid;gap:8px;font-size:13px;font-weight:600}.auth-card input,.shot-editor input,.shot-editor textarea,.shot-editor select{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel);outline:none}.auth-card input:focus,.shot-editor input:focus,.shot-editor textarea:focus,.shot-editor select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c54ed16}.password-field{position:relative;display:block}.password-field input{padding-right:48px}.password-field button{position:absolute;right:4px;top:4px;width:38px;height:38px;display:grid;place-items:center;color:var(--muted)}.password-field svg{width:18px;height:18px}.form-error{padding:11px 13px;color:var(--red);background:var(--red-soft);border:1px solid #c74e5f20;border-radius:9px;font-size:13px;line-height:1.55}.auth-submit{width:100%;min-height:48px;margin-top:2px}.auth-switch{margin-top:22px;text-align:center;color:var(--muted)}.auth-switch a{margin-left:7px;color:var(--accent);font-weight:650}.home-page{padding-top:66px}.home-hero{text-align:center;margin-bottom:30px}.home-hero h1{font-size:43px;line-height:1.4;font-weight:750;letter-spacing:-1.5px;background:linear-gradient(105deg,#9b6be9 12%,#758cee 50%,#b873d8 90%);color:transparent;-webkit-background-clip:text;background-clip:text}.home-hero p{font-size:16px;color:var(--muted);margin-top:13px;letter-spacing:.2px}.composer{max-width:990px;margin:0 auto;background:var(--panel);border:1px solid var(--border);border-radius:21px;padding:22px 25px 23px;box-shadow:var(--shadow)}.composer-top,.composer-footer,.composer-count{display:flex;align-items:center;justify-content:space-between;gap:16px}.input-tabs{display:flex;align-items:center;gap:5px}.input-tabs button{padding:9px 16px;border-radius:24px;color:var(--muted);font-size:14px}.input-tabs button:hover{background:var(--soft)}.input-tabs button.active{color:var(--panel);background:var(--text);font-weight:600}.writing-help{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;padding:8px;border-radius:8px}.writing-help:hover{background:var(--accent-soft)}.writing-help svg{width:17px;height:17px}.composer textarea{width:100%;min-height:154px;padding:20px 2px 8px;resize:vertical;border:0;outline:none;background:transparent;line-height:1.9;font-size:15px}.composer textarea::placeholder{color:#9997a9}.composer-count{color:var(--muted);font-size:12px;padding:0 2px 16px}.composer-count span:last-child{display:flex;align-items:center;gap:6px}.composer-count svg{width:15px;height:15px;color:var(--accent)}.composer-error{margin-bottom:14px}.composer-footer{padding-top:15px;border-top:1px solid var(--border)}.composer-settings{display:flex;align-items:center;gap:8px}.select-control{min-height:43px;padding:0 8px 0 12px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:7px;background:var(--panel)}.select-control svg{width:18px;height:18px}.select-control select{height:40px;border:0;outline:0;background:transparent;font-weight:600}.ratio-control{padding-left:6px}.style-indicator{min-height:43px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;font-weight:600}.style-indicator svg{width:20px;height:20px}.composer-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.composer-action small{color:var(--muted);font-size:12px}.next-button{min-width:124px;min-height:48px;font-size:16px}.next-button svg{width:19px;height:19px}.audio-uploaded{display:grid;grid-template-columns:42px minmax(160px,1fr) minmax(180px,280px) auto;align-items:center;gap:12px;margin-top:18px;padding:12px;background:var(--soft);border-radius:12px}.audio-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.audio-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.audio-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-copy small{color:var(--muted)}.audio-uploaded audio{width:100%;height:36px}.audio-uploaded>button{color:var(--accent);font-weight:600}.audio-drop{width:100%;min-height:115px;margin-top:18px;border:1px dashed #cfcadd;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.audio-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.audio-drop svg{color:var(--accent)}.audio-drop strong{color:var(--text)}.agent-assurance{max-width:760px;margin:18px auto 0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.agent-assurance svg{color:var(--accent)}.agent-assurance strong{color:var(--text)}.example-section{max-width:1130px;margin:54px auto 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading>span{display:flex;align-items:baseline;gap:14px}.section-heading h2{font-size:22px;letter-spacing:-.5px}.section-heading p{color:var(--muted);font-size:12px}.section-heading button{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:13px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example-card{text-align:left;min-width:0}.example-image{display:block;position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--soft)}.example-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.example-card:hover img{transform:scale(1.025)}.example-image span{position:absolute;right:9px;bottom:8px;padding:3px 6px;border-radius:5px;background:#18151bcc;color:#fff;font-size:11px}.example-card>strong,.example-card>small{display:block}.example-card>strong{margin-top:11px;font-size:15px}.example-card>small{margin-top:5px;color:var(--muted)}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-title-row h1{font-size:30px;letter-spacing:-1px}.page-title-row p{margin-top:8px;color:var(--muted);line-height:1.65}.project-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:18px}.project-toolbar label{flex:1;max-width:430px;min-height:43px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted)}.project-toolbar input{flex:1;min-width:0;border:0;outline:0;background:transparent}.project-toolbar>span{margin-left:auto;color:var(--muted);font-size:12px}.project-list{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.project-row{width:100%;display:grid;grid-template-columns:126px minmax(220px,1fr) auto 150px 22px;align-items:center;gap:17px;padding:15px;text-align:left;border-bottom:1px solid var(--border)}.project-row:last-child{border-bottom:0}.project-row:hover{background:var(--soft)}.project-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:9px;background:var(--soft)}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb i{position:absolute;right:5px;bottom:5px;padding:2px 5px;border-radius:4px;color:#fff;background:#18151bcc;font-size:9px;font-style:normal}.project-copy{min-width:0}.project-copy strong,.project-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-copy strong{font-size:15px}.project-copy small{margin-top:6px;color:var(--muted)}.project-status{padding:6px 9px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:12px;white-space:nowrap}.status-plan_ready,.status-confirmed{color:var(--accent);background:var(--accent-soft)}.status-ready{color:var(--green);background:var(--green-soft)}.status-needs_attention{color:var(--red);background:var(--red-soft)}.project-time{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.project-time svg{width:15px;height:15px}.empty-state{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #cbc7d9;border-radius:16px;color:var(--muted)}.empty-state>span{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.empty-state h2{margin-top:18px;color:var(--text)}.empty-state p{margin:8px 0 20px}.error-state strong{margin-bottom:16px;color:var(--red)}.planning-page{display:grid;place-items:center}.planning-card{width:min(720px,100%);padding:54px 58px 44px;border:1px solid var(--border);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.planning-orbit{width:94px;height:94px;margin:0 auto 24px;position:relative;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center}.planning-orbit:before{content:"";position:absolute;inset:11px;border:1px dashed #bcaefa;border-radius:50%;animation:spin 7s linear infinite}.planning-orbit>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:#fff}.planning-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent)}.planning-orbit i:nth-of-type(1){top:7px;left:48px}.planning-orbit i:nth-of-type(2){right:10px;bottom:18px}.planning-orbit i:nth-of-type(3){left:6px;bottom:28px}.planning-kicker{color:var(--accent);font-size:12px;font-weight:650}.planning-card h1{margin-top:9px;font-size:29px;letter-spacing:-.9px}.planning-description{max-width:540px;margin:12px auto 0;color:var(--muted);line-height:1.75}.progress-block{margin-top:33px;text-align:left}.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;color:var(--muted);font-size:12px}.progress-meta strong{color:var(--accent)}.progress-track{height:8px;background:var(--soft);border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .35s ease}.stage-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.stage-item{display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--muted)}.stage-item>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel)}.stage-item svg{width:17px;height:17px}.stage-item strong{font-size:11px;line-height:1.4}.stage-item.active{color:var(--accent)}.stage-item.active>span{border-color:#bcaefa;background:var(--accent-soft)}.stage-item.complete{color:var(--green)}.stage-item.complete>span{border-color:#64b49c40;background:var(--green-soft)}.planning-footnote{margin-top:30px;color:var(--muted);font-size:12px}.planning-error{margin-top:28px;padding:14px;display:flex;align-items:flex-start;gap:11px;text-align:left;color:var(--red);background:var(--red-soft);border-radius:11px}.planning-error>svg{flex:none;margin-top:2px}.planning-error span{display:grid;gap:4px}.planning-error small{color:var(--muted)}.planning-actions{margin-top:28px;display:flex;justify-content:center;gap:10px}.plan-workspace{min-height:calc(100vh - var(--header));padding:28px 32px 88px 105px;max-width:1600px;margin:0 auto}.workspace-heading{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:22px}.workspace-heading>span{display:grid;gap:6px}.workspace-heading small{color:var(--muted);font-size:11px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.back-link:hover{color:var(--accent)}.workspace-heading h1{font-size:24px;letter-spacing:-.6px}.workspace-heading p{margin-top:5px;color:var(--muted);font-size:12px}.workspace-error{max-width:1080px;margin:0 auto 16px;padding:11px 13px;display:flex;align-items:center;gap:9px;color:var(--red);background:var(--red-soft);border-radius:10px}.workspace-error>button{margin-left:auto;color:inherit}.workspace-error svg{width:17px;height:17px;flex:none}.workspace-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.agent-panel,.shot-plan-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px}.agent-panel{position:sticky;top:94px;max-height:calc(100vh - 118px);display:flex;flex-direction:column;overflow:hidden}.agent-panel-title{display:flex;align-items:center;gap:11px;padding:17px;border-bottom:1px solid var(--border)}.agent-panel-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--accent)}.agent-panel-title>div{display:grid;gap:3px}.agent-panel-title small{color:var(--muted)}.agent-summary{padding:16px 17px;background:var(--soft);border-bottom:1px solid var(--border)}.agent-summary>p{font-size:13px;line-height:1.7}.agent-summary dl{margin:14px 0 0;display:grid;gap:9px}.agent-summary dl>div{display:grid;grid-template-columns:73px minmax(0,1fr);gap:8px;font-size:11px}.agent-summary dt{display:flex;align-items:center;gap:5px;color:var(--muted)}.agent-summary dt svg{width:14px;height:14px}.agent-summary dd{margin:0;line-height:1.45}.conversation{padding:15px 17px;overflow:auto;display:grid;gap:11px;min-height:120px}.chat-message{display:grid;gap:4px}.chat-message small{color:var(--muted);font-size:10px}.chat-message p{padding:9px 10px;border-radius:9px;background:var(--soft);font-size:12px;line-height:1.55}.chat-message.user{justify-items:end}.chat-message.user p{color:#fff;background:var(--accent)}.quick-adjustments{padding:0 17px 12px;display:flex;flex-wrap:wrap;gap:6px}.quick-adjustments button{padding:6px 9px;border:1px solid var(--border);border-radius:99px;color:var(--muted);font-size:10px}.quick-adjustments button:hover{border-color:#bcaefa;color:var(--accent)}.agent-composer{position:relative;margin:0 14px 14px;border:1px solid var(--border);border-radius:11px;background:var(--panel)}.agent-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7c54ed12}.agent-composer textarea{width:100%;min-height:78px;padding:11px 44px 11px 11px;border:0;outline:0;resize:none;background:transparent;font-size:12px;line-height:1.5}.agent-composer button{position:absolute;right:7px;bottom:7px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--accent)}.agent-composer button:disabled{opacity:.45;cursor:not-allowed}.agent-composer svg{width:16px;height:16px}.shot-plan-panel{overflow:hidden}.plan-overview{padding:24px 26px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.agent-ready{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;font-weight:650}.agent-ready svg{width:14px;height:14px}.plan-overview h2{margin-top:10px;max-width:680px;font-size:21px;line-height:1.45;letter-spacing:-.4px}.plan-overview p{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}.strategy-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:220px}.strategy-summary span{padding:6px 8px;border-radius:7px;background:var(--soft);color:var(--muted);font-size:10px;white-space:nowrap}.shot-list{display:grid}.shot-row{border-bottom:1px solid var(--border)}.shot-row:last-child{border-bottom:0}.shot-row.selected{background:#7c54ed05;box-shadow:inset 3px 0 var(--accent)}.shot-main{width:100%;min-height:92px;display:grid;grid-template-columns:42px minmax(0,1fr) 200px 20px;align-items:center;gap:14px;padding:14px 20px;text-align:left}.shot-main:hover{background:var(--soft)}.shot-number{font-size:17px;color:var(--muted);font-variant-numeric:tabular-nums}.shot-copy{min-width:0}.shot-copy strong{font-size:14px}.shot-copy p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-decision{display:grid;justify-items:start;gap:7px}.shot-decision small{display:flex;align-items:center;gap:5px;color:var(--muted)}.shot-decision small svg{width:13px;height:13px}.strategy-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:600;white-space:nowrap}.strategy-badge svg{width:14px;height:14px}.strategy-user_asset{color:var(--green);background:var(--green-soft)}.strategy-motion_graphic{color:#4271b8;background:#edf4ff}:root[data-theme=dark] .strategy-motion_graphic{color:#8ab6ff;background:#24324a}.shot-detail{margin:0 20px 17px 76px;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:14px}.shot-detail>div>span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px}.shot-detail p{font-size:12px;line-height:1.65}.shot-controls{grid-column:1 / -1;padding-top:11px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.shot-controls>span{display:flex;align-items:center;gap:6px;color:var(--green);font-size:11px}.shot-controls svg{width:15px;height:15px}.plan-footer{position:fixed;z-index:35;left:0;right:0;bottom:0;min-height:68px;padding:10px 32px 10px 112px;display:flex;align-items:center;justify-content:flex-end;gap:22px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.plan-footer>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.plan-footer>span svg{color:var(--green);width:16px;height:16px}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;display:grid;place-items:center;background:#1613208c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(600px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 90px #0003}.modal-card>header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-card>header small{color:var(--accent)}.modal-card>header h2{margin-top:4px;font-size:21px}.modal-card>header>button{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.modal-card>header>button:hover{background:var(--soft)}.shot-editor form{padding:20px 22px;display:grid;gap:16px}.shot-editor textarea{min-height:84px;padding:11px 13px;resize:vertical}.shot-editor select{appearance:auto}.field-grid{display:grid;grid-template-columns:1fr 130px;gap:12px}.inline-note{padding:11px 12px;display:flex;align-items:flex-start;gap:8px;color:var(--muted);background:var(--soft);border-radius:9px;font-size:12px;line-height:1.55}.inline-note svg{flex:none;width:17px;height:17px;color:var(--green)}.modal-card footer{display:flex;justify-content:flex-end;gap:9px;margin-top:3px}.confirm-card{width:min(510px,100%);padding:32px;text-align:center}.confirm-icon{width:54px;height:54px;margin:0 auto 17px;display:grid;place-items:center;border-radius:16px;color:var(--accent);background:var(--accent-soft)}.confirm-card h2{font-size:24px}.confirm-card>p{margin-top:12px;color:var(--muted);line-height:1.75}.confirm-summary{margin:22px 0;display:flex;justify-content:center;gap:8px}.confirm-summary span{padding:7px 9px;border-radius:8px;background:var(--soft);font-size:12px}.asset-filters{display:flex;align-items:center;gap:6px;margin-bottom:20px}.asset-filters button{min-height:37px;padding:0 14px;border-radius:9px;color:var(--muted)}.asset-filters button:hover{background:var(--soft)}.asset-filters button.active{color:var(--text);background:var(--panel);box-shadow:0 0 0 1px var(--border);font-weight:600}.asset-filters>span{margin-left:auto;color:var(--muted);font-size:12px}.asset-empty{width:100%;min-height:380px;border:1px dashed #cbc7d9;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.asset-empty>span{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.asset-empty h2{margin-top:18px;color:var(--text)}.asset-empty p{max-width:460px;margin-top:8px;line-height:1.65}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.asset-card{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--panel)}.asset-preview{width:100%;aspect-ratio:4 / 3;position:relative;overflow:hidden;background:var(--soft)}.asset-preview img,.asset-preview video{width:100%;height:100%;object-fit:cover}.asset-preview>span:not(.audio-art){position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0003}.asset-preview>span>svg{width:32px;height:32px}.audio-art{width:100%;height:100%;display:grid;place-items:center;color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--soft))}.audio-art svg{width:48px;height:48px}.asset-info{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:11px}.asset-info>span:first-child{color:var(--muted)}.asset-info>span:nth-child(2){min-width:0;display:grid;gap:4px}.asset-info strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.asset-info small{color:var(--muted);font-size:10px}.asset-info button{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--muted)}.asset-info button:hover{color:var(--red);background:var(--red-soft)}.asset-info svg{width:17px;height:17px}.asset-modal{width:min(900px,100%)}.asset-modal>img,.asset-modal>video{width:100%;max-height:calc(100vh - 180px);object-fit:contain;background:#111}.asset-modal>audio{width:calc(100% - 40px);margin:40px 20px}.confirmed-page{display:grid;place-items:center}.confirmed-card{width:min(810px,100%);padding:48px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.confirmed-mark{width:62px;height:62px;margin:0 auto 17px;border-radius:20px;display:grid;place-items:center;color:var(--green);background:var(--green-soft)}.confirmed-mark svg{width:30px;height:30px}.confirmed-card>p:first-of-type{color:var(--green);font-weight:650}.confirmed-card h1{margin-top:9px;font-size:31px;letter-spacing:-1px}.confirmed-lead{max-width:650px;margin:14px auto 0;color:var(--muted);line-height:1.75}.confirmed-steps{margin:34px 0;display:flex;align-items:center;justify-content:center}.confirmed-steps>div{width:150px;display:flex;flex-direction:column;align-items:center;gap:7px}.confirmed-steps>div>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--muted);background:var(--soft)}.confirmed-steps>div.done>span{color:var(--green);background:var(--green-soft)}.confirmed-steps small{color:var(--muted);font-size:10px}.confirmed-steps>i{width:70px;height:1px;background:var(--border)}.confirmed-card footer{margin-top:24px;display:flex;justify-content:center;gap:9px}.generation-page{display:grid;align-content:start;gap:20px}.generation-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.generation-heading h1{margin-top:8px;font-size:30px;letter-spacing:-.8px}.generation-heading p{margin-top:7px;color:var(--muted);font-size:13px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;font-weight:700}.eyebrow.success{color:var(--green)}.eyebrow.danger{color:var(--red)}.eyebrow svg{width:15px;height:15px}.generation-progress-card{padding:20px 22px;border:1px solid var(--border);border-radius:15px;background:var(--panel);box-shadow:var(--shadow)}.generation-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:20px}.generation-progress-copy>div{display:flex;align-items:baseline;gap:12px}.generation-progress-copy strong{font-size:14px}.generation-progress-copy span{color:var(--muted);font-size:11px}.generation-progress-copy b{color:var(--accent);font-size:21px;font-variant-numeric:tabular-nums}.progress-track{height:4px;overflow:hidden;border-radius:99px;background:var(--soft)}.progress-track.large{height:7px;margin-top:14px}.progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#9d83f4);transition:width .35s ease}.generation-error{margin-top:16px;padding:12px 13px;display:flex;align-items:flex-start;gap:9px;border-radius:10px;color:var(--red);background:var(--red-soft);font-size:12px;line-height:1.6}.generation-error svg{flex:none;width:17px;height:17px;margin-top:1px}.generation-error span{display:grid;gap:2px}.generation-shot-list{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--panel)}.generation-shot-list>header{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.generation-shot-list h2{font-size:17px}.generation-shot-list header p{margin-top:5px;color:var(--muted);font-size:11px}.generation-shots{display:grid}.generation-shot{min-height:96px;padding:12px 18px;display:grid;grid-template-columns:104px minmax(0,1fr) 160px;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.generation-shot:last-child{border-bottom:0}.shot-preview{width:104px;height:68px;overflow:hidden;display:grid;place-items:center;border-radius:9px;color:var(--muted);background:var(--soft)}.shot-preview img,.shot-preview video{width:100%;height:100%;object-fit:cover}.shot-preview svg{width:22px;height:22px}.generation-shot.failed .shot-preview{color:var(--red);background:var(--red-soft)}.generation-shot-copy{min-width:0;display:grid;gap:4px}.generation-shot-copy>span{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.6px}.generation-shot-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.generation-shot-copy small{overflow:hidden;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.shot-state{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 9px}.shot-state b{font-size:10px}.shot-state>.progress-track{grid-column:1}.shot-state small{grid-column:2;grid-row:2;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.generation-shot.done .shot-state b{color:var(--green)}.generation-shot.failed .shot-state b{color:var(--red)}.result-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:20px;align-items:start}.result-player,.result-summary{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--panel);box-shadow:var(--shadow)}.result-player video{width:100%;max-height:calc(100vh - 250px);display:block;background:#111}.result-player-meta{min-height:50px;padding:0 17px;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:10px}.result-player-meta span{display:inline-flex;align-items:center;gap:5px}.result-player-meta svg{width:14px;height:14px}.result-summary{padding:28px}.result-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:var(--green);background:var(--green-soft)}.result-summary h2{margin-top:18px;font-size:21px}.result-summary>p{margin:9px 0 20px;color:var(--muted);font-size:12px;line-height:1.75}.result-checks{margin-bottom:22px;display:grid;gap:10px}.result-checks span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.result-checks svg{width:15px;height:15px;color:var(--green)}.btn.wide{width:100%;margin-top:8px;justify-content:center}.tutorial-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.tutorial-nav{position:sticky;top:98px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.tutorial-nav button{width:100%;min-height:70px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;text-align:left;color:var(--muted)}.tutorial-nav button:hover{background:var(--soft)}.tutorial-nav button.active{color:var(--text);background:var(--accent-soft)}.tutorial-nav button>span{display:grid;gap:5px}.tutorial-nav strong{font-size:13px}.tutorial-nav small{font-size:10px}.tutorial-nav svg{width:16px;height:16px}.tutorial-document{min-height:650px;padding:34px 40px 50px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.guide-header{display:flex;align-items:center;gap:16px;padding-bottom:26px;border-bottom:1px solid var(--border)}.guide-header>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.guide-header h2{font-size:25px;letter-spacing:-.6px}.guide-header p{margin-top:7px;color:var(--muted);line-height:1.5}.guide-steps{margin-top:30px;display:grid;gap:34px}.guide-steps>section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:15px}.guide-steps>section>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--text);font-style:normal;font-size:12px}.guide-steps h3{font-size:17px}.guide-steps p{margin-top:8px;color:var(--muted);line-height:1.75}.guide-steps img{margin-top:15px;width:100%;border:1px solid var(--border);border-radius:12px}.tutorial-stage-demo{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.tutorial-stage-demo span{padding:8px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:11px}.tutorial-stage-demo .done{color:var(--green);background:var(--green-soft)}.tutorial-stage-demo svg{width:15px;height:15px}.good-prompts{margin:30px 0 20px;display:grid;gap:12px}.good-prompts>div{padding:17px;border:1px solid var(--border);border-radius:11px}.good-prompts small{color:var(--accent);font-weight:650}.good-prompts p{margin-top:7px;line-height:1.65}.guide-columns{margin:30px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-columns section{padding:20px;border:1px solid var(--border);border-radius:12px}.guide-columns h3{margin-bottom:13px}.guide-columns ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.guide-columns li{display:flex;align-items:center;gap:8px;color:var(--muted)}.guide-columns li svg{color:var(--green);width:16px;height:16px}.guide-columns p{color:var(--muted);line-height:1.8}.plan-checklist{list-style:none;padding:0;margin:30px 0 0;display:grid}.plan-checklist li{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--border)}.plan-checklist span{color:var(--accent);font-variant-numeric:tabular-nums}.plan-checklist p{color:var(--muted)}.plan-checklist strong{color:var(--text)}@media(max-width:820px){.generation-heading{align-items:flex-start}.generation-heading h1{font-size:24px}.generation-heading>.btn{padding:0 11px}.generation-shot{grid-template-columns:82px minmax(0,1fr);gap:12px}.shot-preview{width:82px;height:58px}.shot-state{grid-column:2;grid-template-columns:1fr auto}.result-layout{grid-template-columns:1fr}.result-player video{max-height:70vh}}@media(max-width:520px){.generation-heading>.btn{display:none}.generation-progress-card{padding:17px 15px}.generation-progress-copy>div{align-items:flex-start;flex-direction:column;gap:3px}.generation-shot-list>header{align-items:flex-start;flex-direction:column}.generation-shot-list>header .btn{width:100%}.generation-shot{padding:11px;grid-template-columns:70px minmax(0,1fr)}.shot-preview{width:70px;height:55px}.result-player-meta{overflow-x:auto;white-space:nowrap}.result-summary{padding:22px 18px}}@media(max-width:1050px){.page{padding-left:104px}.auth-layout{gap:45px}.auth-story h1{font-size:42px}.workspace-grid{grid-template-columns:290px minmax(0,1fr)}.shot-main{grid-template-columns:35px minmax(0,1fr) 150px 18px}.asset-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){:root{--header: 64px}.topbar{padding:0 17px}.brand-lockup{font-size:21px}.brand-mark,.brand-mark svg{width:28px}.top-link{font-size:0;padding:0;width:38px;justify-content:center}.top-link svg{width:20px;height:20px}.rail{left:50%;top:auto;bottom:12px;transform:translate(-50%);flex-direction:row;padding:6px;border-radius:17px;box-shadow:0 10px 35px #17132722}.rail-button{width:68px;height:55px;gap:3px}.page{padding:32px 16px 96px}.home-page{padding-top:40px}.home-hero h1{font-size:32px}.home-hero p{font-size:14px}.composer{padding:17px;border-radius:17px}.composer textarea{min-height:190px}.composer-footer{align-items:stretch;flex-direction:column}.composer-settings{overflow-x:auto;padding-bottom:4px}.composer-action{align-items:stretch}.composer-action small{text-align:right}.next-button{width:100%}.composer-count span:last-child{display:none}.audio-uploaded{grid-template-columns:40px minmax(0,1fr) auto}.audio-uploaded audio{grid-column:1 / -1}.audio-uploaded>button{grid-column:3;grid-row:1}.agent-assurance{align-items:flex-start;padding:0 8px}.section-heading>span{display:block}.section-heading p{margin-top:5px}.section-heading>button{display:none}.example-grid{grid-template-columns:86% 86% 86%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.example-card{scroll-snap-align:start}.auth-header{padding:0 20px}.auth-layout{padding:32px 18px 60px;display:block}.auth-story{display:none}.auth-card{max-width:440px;margin:0 auto;padding:27px 22px}.project-row{grid-template-columns:95px minmax(0,1fr) 18px;gap:12px}.project-status,.project-time{display:none}.plan-workspace{padding:18px 12px 100px}.workspace-heading{grid-template-columns:1fr auto}.workspace-heading>span{grid-column:1 / -1;display:flex;justify-content:space-between}.workspace-heading>div p{display:none}.workspace-heading h1{font-size:19px}.workspace-heading>.btn{min-height:38px;padding:0 11px;font-size:12px}.workspace-grid{display:flex;flex-direction:column-reverse}.agent-panel{position:static;width:100%;max-height:none}.conversation{max-height:220px}.shot-plan-panel{width:100%}.plan-overview{align-items:stretch;flex-direction:column;padding:20px 17px}.strategy-summary{justify-content:flex-start}.shot-main{grid-template-columns:32px minmax(0,1fr) 18px;padding:13px}.shot-decision{grid-column:2;display:flex;align-items:center}.shot-main>svg{grid-column:3;grid-row:1 / span 2}.shot-detail{margin:0 12px 13px 45px;grid-template-columns:1fr}.shot-controls{grid-column:1;align-items:flex-start;flex-direction:column}.plan-footer{padding:8px 12px 78px;min-height:130px}.plan-footer>span{display:none}.plan-footer .btn{width:100%}.planning-card{padding:38px 20px 30px}.stage-list{grid-template-columns:1fr 1fr;gap:16px}.planning-card h1{font-size:24px}.asset-grid{grid-template-columns:repeat(2,1fr)}.page-title-row{align-items:flex-start}.page-title-row p{max-width:470px}.page-title-row .btn{padding:0 12px}.tutorial-layout{grid-template-columns:1fr}.tutorial-nav{position:static;display:flex;overflow-x:auto}.tutorial-nav button{min-width:210px}.tutorial-document{padding:26px 20px 40px}.guide-columns{grid-template-columns:1fr}.confirmed-card{padding:34px 18px}.confirmed-steps>i{width:20px}.confirmed-steps>div{width:100px}.confirmed-steps small{max-width:90px}.confirmed-card footer{align-items:stretch;flex-direction:column}}@media(max-width:520px){.input-tabs button{padding:8px 12px}.writing-help{font-size:0}.writing-help svg{width:20px;height:20px}.composer-settings{gap:4px}.select-control{padding-left:8px}.select-control svg{display:none}.style-indicator{font-size:12px}.page-title-row h1{font-size:26px}.page-title-row p{font-size:12px}.page-title-row .btn svg{display:none}.project-toolbar label{max-width:none}.project-list{border-left:0;border-right:0;border-radius:0}.project-row{padding:12px 3px}.asset-grid{grid-template-columns:1fr}.asset-card{display:grid;grid-template-columns:130px minmax(0,1fr)}.asset-preview{height:100%}.asset-info{align-content:center}.field-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.confirm-card{padding:26px 18px}.confirmed-steps{align-items:flex-start}.confirmed-steps>i{margin-top:24px}.confirmed-steps>div{width:88px}.confirmed-steps strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}