.onboarding{max-width:1160px;margin:auto;padding:24px 0 70px}.ob-top{display:flex;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #30302d;font-size:12px;color:#aaa}.ob-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:80px;padding-top:48px}.ob-sidebar h2{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:22px 0 36px}.ob-sidebar ol{list-style:none;padding:0}.ob-sidebar li{margin-bottom:10px}.ob-sidebar button{border:0;background:none;text-align:left;padding:12px 0;display:flex;gap:12px;color:#8f8f89;font-size:12px}.ob-sidebar button[aria-current]{color:#e5ff00}.ob-sidebar button span{font-family:monospace}.ob-sidebar p,.ob-note{font-size:13px;color:#999;line-height:1.7}.ob-sidebar p{margin-top:50px}.ob-main{max-width:700px}.ob-main h1{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-3px;margin:22px 0 16px}.ob-main h1 em{color:#e5ff00;font-style:normal}.ob-lead{color:#aaa;margin-bottom:34px}.ob-field{display:grid;gap:10px;font-size:13px;margin:22px 0}.ob-field input,.ob-field textarea{width:100%;box-sizing:border-box;background:#171715;border:1px solid #373733;border-radius:12px;padding:15px;color:#f4f2eb;font:inherit;resize:vertical}.ob-field :focus-visible,.onboarding button:focus-visible{outline:2px solid #e5ff00;outline-offset:3px}.ob-main fieldset{border:0;padding:0;margin:24px 0}.ob-main legend{font-size:13px;margin-bottom:12px}.ob-chips{display:flex;gap:8px;flex-wrap:wrap}.ob-chips button,.ob-packages button{background:#151513;border:1px solid #373733;border-radius:10px;padding:12px 15px;color:#b9b9b2;font:inherit;font-size:13px}.ob-chips [aria-pressed=true],.ob-packages [aria-pressed=true]{border-color:#e5ff00;background:#e5ff000b;color:#e5ff00}.ob-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ob-packages button{text-align:left;display:flex;flex-direction:column;gap:10px;min-height:112px}.ob-packages span{font-size:11px;color:#aaa}.ob-packages small{font-size:10px}.ob-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:16px}.ob-actions>button:not(.primary){background:none;color:#aaa;border:0}.ob-actions .primary{border-radius:10px}.ob-review{padding:26px;background:#171715;border:1px solid #373733;border-radius:16px;overflow-wrap:anywhere}.ob-review h2{font-size:26px}.ob-review p{color:#aaa}.ob-review dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px;margin:26px 0}.ob-review dd{margin:0}.ob-review dt{color:#aaa}.ob-story{white-space:pre-wrap}.ob-next{display:flex;gap:20px;flex-wrap:wrap;color:#777;font-size:11px;margin-top:36px}.ob-preview{padding:12px;border:1px solid #555;font-size:12px;color:#bbb}@media(max-width:750px){.ob-layout{grid-template-columns:1fr;gap:24px;padding-top:24px}.ob-sidebar h2,.ob-sidebar>p,.ob-sidebar>.eyebrow{display:none}.ob-sidebar ol{display:flex;justify-content:space-between;gap:12px;margin:0}.ob-sidebar button{font-size:10px;gap:6px}.ob-main h1{letter-spacing:-2px}.ob-packages{grid-template-columns:1fr}.ob-packages button{min-height:0;padding:15px;gap:6px}.ob-top{font-size:10px}.onboarding{padding-top:12px}.ob-main{min-width:0}}
.resource-bank{max-width:1200px;margin:auto;padding:30px 0 70px}.resource-bank h1{font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-3px;margin:24px 0}.resource-bank em{color:#e5ff00;font-style:normal}.resource-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin:40px 0}.resource-list{display:grid;gap:12px}.resource-list button{display:grid;gap:12px;text-align:left;padding:22px;background:#171715;border:1px solid #373733;border-radius:14px;color:#eee}.resource-list small,.resource-list span{font-size:11px;color:#aaa}.resource-list [aria-pressed=true],.resource-beats [aria-pressed=true]{border-color:#e5ff00;color:#e5ff00}.resource-demo{padding:32px;border:1px solid #373733;border-radius:18px;background:#131311}.resource-demo h2{font-size:30px;letter-spacing:-1px}.resource-example{font-size:24px;line-height:1.5;min-height:105px;max-width:660px}.resource-beats{display:flex;gap:8px;flex-wrap:wrap}.resource-beats button{border:1px solid #45453e;background:transparent;color:#aaa;border-radius:8px;padding:12px;font-size:12px}.resource-why{color:#aaa;font-size:13px;line-height:1.7;margin-top:28px}.resource-limits{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid #373733;padding:24px 0}.resource-limits p{color:#aaa;font-size:13px;line-height:1.7}.resource-limits strong{color:#eee;font-size:18px}.resource-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.resource-teasers>div{padding:20px;border:1px dashed #444;border-radius:12px}.resource-teasers span{font-size:9px;color:#999;letter-spacing:1px}.resource-teasers h3{font-size:18px}.resource-teasers p{font-size:12px;line-height:1.6;color:#999}.resource-bank button:focus-visible{outline:2px solid #e5ff00;outline-offset:3px}@media(max-width:750px){.resource-layout,.resource-teasers{grid-template-columns:1fr}.resource-limits{align-items:flex-start;flex-direction:column}.resource-example{font-size:21px}.resource-demo{padding:24px}}
body.workspace-mode>.ae-header,body.workspace-mode>footer,body.workspace-mode>[id*="footer"],body.workspace-mode>[id*="header"]{display:none!important}body.workspace-mode #MainContent{max-width:none!important;width:100%;padding:0!important;margin:0!important}body.workspace-mode{background:#101110}.studio-shell{min-height:100svh;display:grid;grid-template-columns:230px 1fr;font-size:14px}.studio-sidebar{position:sticky;top:0;height:100svh;padding:24px 18px;border-right:1px solid #2c2d29;display:flex;flex-direction:column;background:#151613;box-sizing:border-box}.studio-identity{display:flex;align-items:center;gap:12px;padding-bottom:30px}.studio-identity>span{display:grid;place-items:center;background:#e5ff00;color:#111;border-radius:10px;width:36px;height:36px;font-weight:bold}.studio-sidebar nav{display:grid;gap:8px;position:static;height:auto;border:0;padding:0}.studio-sidebar nav a{padding:13px;border-radius:9px;display:flex;gap:14px;color:#aaa}.studio-sidebar nav a[aria-current]{background:#ffffff0c;color:#e5ff00}.studio-sidebar-bottom{margin-top:auto;display:grid;gap:17px;padding:24px 12px;color:#999;font-size:12px}.studio-body{min-width:0}.studio-topbar{display:flex;justify-content:space-between;gap:20px;padding:22px 36px;border-bottom:1px solid #2b2c28;font-size:10px;letter-spacing:1px;color:#888}.studio-local{letter-spacing:0}#studio-content{padding:48px;max-width:1600px;margin:auto}.studio-page-heading h1,.studio-project-heading h1{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.8px;line-height:1.1;margin:18px 0}.studio-page-heading p{color:#999;line-height:1.7}.studio-dashboard-heading,.studio-project-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:40px}.studio-shell .button{border-radius:9px;white-space:normal}.studio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.studio-new-card{border:1px dashed #55564b;background:#171814;border-radius:15px;text-align:left;min-height:250px;padding:30px;color:#eee}.studio-new-card>span{font-size:36px;color:#e5ff00}.studio-new-card h2{font-size:22px}.studio-new-card p,.studio-project-card>p{font-size:12px;line-height:1.6;color:#999}.studio-project-art{aspect-ratio:1.3;background:radial-gradient(ellipse at top right,#e5ff0025,transparent 70%),#1c1e16;border:1px solid #37392c;border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow-wrap:anywhere}.studio-project-art span{font-size:9px;letter-spacing:1px;color:#b1b3a0}.studio-project-art strong{font-size:28px;line-height:1.15;letter-spacing:-1px}.studio-project-card>div:nth-child(2){display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px}.studio-status{display:inline-block;color:#bdc495;background:#272a20;border-radius:20px;padding:6px 11px;font-size:10px;white-space:nowrap}.studio-learn{margin-top:65px;border-top:1px solid #30312b;padding-top:30px}.studio-learn h2{font-size:25px;letter-spacing:-.6px}.studio-learn>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.studio-learn a{padding:22px;background:#191a17;border:1px solid #30312b;border-radius:12px}.studio-learn a>span{font-size:9px;color:#929875;letter-spacing:1px}.studio-learn h3{font-size:17px}.studio-learn p{font-size:12px;color:#aaa}.studio-project-layout{display:grid;grid-template-columns:120px minmax(0,1fr) 240px;gap:24px}.studio-project-layout>nav{display:flex;flex-direction:column;gap:10px;position:static;height:auto;border:0;padding:0;justify-content:flex-start;align-items:stretch}.studio-project-layout>nav a{font-size:12px;padding:12px;color:#999;border-radius:8px}.studio-project-layout>nav a[aria-current]{color:#e5ff00;background:#ffffff08}.studio-project-centre{min-width:0}.studio-next{border-left:1px solid #333;padding-left:24px}.studio-next p{color:#999;font-size:12px;line-height:1.7}.studio-next h3{font-size:22px}.studio-next hr{border:0;border-top:1px solid #333;margin:30px 0}.studio-storyboard,.studio-empty-state{min-height:330px;padding:32px;background:#191b16;border:1px solid #33372b;border-radius:14px;overflow-wrap:anywhere}.studio-storyboard h2{font-size:30px}.studio-storyboard>p{line-height:1.7;white-space:pre-wrap;color:#bbb}.studio-story-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.studio-story-tags span{font-size:11px;color:#bbc592;border:1px solid #454b34;border-radius:20px;padding:8px 12px}.studio-path{font-size:12px;line-height:1.7;margin-top:24px;color:#999}.studio-empty-icon{font-size:42px;color:#777}.studio-empty-state h2{font-size:26px}.studio-empty-state p{color:#999;font-size:13px;line-height:1.7}.studio-brand{max-width:650px;display:grid;gap:24px;margin-top:35px}.studio-brand label{display:grid;gap:12px}.studio-brand input,.studio-brand textarea{background:#191a17;border:1px solid #444;border-radius:10px;padding:15px;color:#eee;font:inherit;width:100%;box-sizing:border-box}.studio-brand p{font-size:12px;color:#999}.studio-project-centre .ob-sidebar,.studio-project-centre .ob-top{display:none}.studio-project-centre .ob-layout{display:block;padding-top:0}.studio-project-centre .ob-main h1{font-size:36px;letter-spacing:-1px}.studio-project-centre .ob-packages{grid-template-columns:1fr}.studio-project-centre .ob-packages button{min-height:0}.studio-project-centre .onboarding{padding-top:0}.studio-shell a:focus-visible,.studio-shell button:focus-visible{outline:2px solid #e5ff00;outline-offset:3px}@media(max-width:1150px){.studio-project-layout{grid-template-columns:100px minmax(0,1fr)}.studio-next{grid-column:2;border:1px solid #333;padding:22px;border-radius:12px}.studio-project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #333;padding:16px}.studio-identity{padding-bottom:16px}.studio-sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.studio-sidebar nav a{padding:9px;font-size:12px;gap:6px}.studio-sidebar-bottom{display:flex;flex-wrap:wrap;gap:18px;padding:15px 9px 0;font-size:10px}.studio-topbar{padding:16px;font-size:8px}.studio-local{display:none}#studio-content{padding:28px 18px}.studio-dashboard-heading{align-items:flex-start;flex-direction:column}.studio-project-grid,.studio-learn>div{grid-template-columns:1fr}.studio-project-layout{display:flex;flex-direction:column}.studio-project-layout>nav{flex-direction:row;flex-wrap:wrap}.studio-next{border-left:1px solid #333}.studio-project-heading h1{font-size:28px}.studio-storyboard,.studio-empty-state{padding:22px}.studio-shell .resource-layout{grid-template-columns:1fr}}
.studio-project-layout.is-reviewing{grid-template-columns:100px minmax(0,1fr)}.is-reviewing .studio-next{display:none}.review-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.review-heading h2{font-size:28px;letter-spacing:-1px}.review-heading p{color:#999;font-size:12px}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.review-stage{position:relative;background:#050505;aspect-ratio:16/9;display:grid;place-items:center}.review-stage video{display:block;width:100%;height:100%;object-fit:contain}.review-drawing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none;cursor:crosshair}.review-empty{position:absolute;color:#999;font-size:13px;text-align:center;padding:20px}.review-empty[hidden]{display:none}.review-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;font-size:11px}.edit-mode button{background:#24261f;color:#eee;border:1px solid #45483b;border-radius:8px;padding:10px;font:inherit;font-size:11px}.edit-mode button:disabled{opacity:.45;cursor:not-allowed}.edit-mode button[aria-pressed=true]{border-color:#e5ff00;color:#e5ff00}.review-timeline-label{display:grid;gap:12px;font-size:11px}.review-timeline-label input{width:100%;accent-color:#e5ff00}.review-markers{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.review-feedback{border:1px solid #34372c;border-radius:12px;padding:18px}.review-feedback h3{font-size:18px}.review-feedback form{display:grid;gap:14px}.review-feedback textarea{background:#131510;border:1px solid #444;color:#eee;padding:12px;border-radius:8px;resize:vertical;width:100%;box-sizing:border-box;font:inherit;font-size:12px}.review-tools{display:flex;gap:6px;flex-wrap:wrap}.review-feedback strong{font-size:12px}.review-note{border-top:1px solid #393c30;margin-top:20px;padding-top:14px}.review-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#bbb}.review-note audio{width:100%;height:36px}.edit-mode [role=status]{font-size:12px;color:#bdc99b}.edit-mode .primary{background:#e5ff00;color:#111}@media(max-width:1200px){.review-grid{grid-template-columns:1fr}.review-feedback{max-width:none}.studio-project-layout.is-reviewing{grid-template-columns:1fr}.is-reviewing>nav{flex-direction:row}}@media(max-width:650px){.review-heading{flex-direction:column;align-items:flex-start}.review-controls{flex-wrap:wrap}}
body.auth-preview-mode>[id*="header"],body.auth-preview-mode>[id*="footer"],body.auth-preview-mode>.ae-header,body.auth-preview-mode>footer{display:none!important}body.auth-preview-mode #MainContent{margin:0!important;padding:0 24px!important;max-width:none!important}.signin-preview{min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:min(100%,440px);margin:auto;padding:55px 0;text-align:center}.signin-logo{font-weight:850;font-size:24px;letter-spacing:-2px;align-self:center;padding:12px;color:#e5ff00;margin-bottom:35px}.signin-preview h1{font-size:36px;letter-spacing:-1.4px;line-height:1.15;margin:0 0 40px}.signin-preview h1 span{display:block;font-size:26px;color:#81837c;margin-top:12px;letter-spacing:-.8px}.signin-preview button{width:100%;border:0;border-radius:13px;padding:17px;font:inherit;font-size:17px;font-weight:600;cursor:pointer}.signin-google{background:#fff;color:#111;display:flex;justify-content:center;gap:16px;align-items:center}.signin-google>span{font-weight:800;color:#777;font-size:22px}.signin-divider{display:flex;align-items:center;gap:18px;margin:24px 12px;color:#777;font-size:12px}.signin-divider:before,.signin-divider:after{content:'';height:1px;background:#30312e;flex:1}.signin-email{display:grid;gap:16px}.signin-email input{background:#20211e;color:#eee;border:1px solid #393b34;border-radius:13px;padding:17px 16px;font:inherit;font-size:17px;width:100%;box-sizing:border-box}.signin-email button{background:#252621;color:#eee}.signin-status{font-size:11px;line-height:1.6;color:#888;min-height:36px;margin:20px 0 8px}.signin-demo{color:#e5ff00;font-size:13px;padding:10px}.signin-existing{color:#888;font-size:11px;padding:12px}.signin-preview :focus-visible{outline:2px solid #e5ff00;outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:500px){.signin-preview h1{font-size:30px}.signin-preview h1 span{font-size:22px}.signin-preview{padding:32px 0}.signin-logo{margin-bottom:24px}.studio-topbar .studio-local{display:block;font-size:8px;max-width:155px}}
.workspace-mode .studio-shell{grid-template-columns:200px 1fr}.workspace-mode .studio-sidebar{background:#161714;padding:22px 14px}.workspace-mode .studio-topbar{height:54px;padding:0 24px;align-items:center;box-sizing:border-box}.board-content{padding:0!important;max-width:none!important}.board-heading{height:82px;padding:18px 26px;border-bottom:1px solid #30322a;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.board-kicker{font:600 9px/1.4 monospace;letter-spacing:1.4px;color:#909581}.board-heading input{display:block;background:none;border:0;color:#eee;font:600 19px/1.4 Arial;width:100%;padding:4px 0;outline-offset:3px}.board-heading>[data-saved]{font-size:10px;color:#888}.board-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:calc(100svh - 136px)}.board-canvas{padding:22px 26px;min-width:0;background:radial-gradient(#ffffff07 1px,transparent 1px);background-size:18px 18px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:18px;color:#aaa}.board-toolbar b{background:#292c23;border-radius:6px;padding:4px 7px;margin-left:8px;font-size:10px}.board-import{cursor:pointer;color:#ddd;padding:8px 12px;background:#24261f;border:1px solid #373a30;border-radius:8px}.board-viewer{height:clamp(280px,41vh,470px);border:1px solid #35382c;border-radius:14px;background:#171914;display:grid;place-items:center;overflow:hidden}.board-viewer>video{width:100%;height:100%;object-fit:contain;min-height:0}.board-empty{text-align:center;padding:24px}.board-empty h1{font-size:clamp(23px,2.4vw,36px);line-height:1.15;letter-spacing:-1.2px;margin:20px 0 12px}.board-empty p{color:#969c89;font-size:12px;line-height:1.7}.board-empty button{background:#e5ff00;color:#15170c;border:0;border-radius:8px;padding:11px 18px;font-size:12px;font-weight:bold;margin:6px}.board-empty small{display:block;color:#727967;font-size:9px;margin-top:12px}.board-frames{display:flex;justify-content:center;gap:5px}.board-frames span{width:32px;height:42px;background:#303726;border:1px solid #616c3b;border-radius:6px;display:grid;place-items:center;color:#b9ce71;font:10px monospace}.board-frames span:first-child{transform:rotate(-12deg) translateY(4px)}.board-frames span:last-child{transform:rotate(12deg) translateY(4px)}.board-strip-heading{display:flex;justify-content:space-between;margin:24px 0 12px;color:#8c937e;font:9px monospace;letter-spacing:.6px}.board-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px}.board-ghost{min-width:140px;flex:1;min-height:105px;background:#191d15;border:1px dashed #424a34;border-radius:10px;color:#bcc3aa;display:grid;text-align:left;padding:15px;gap:8px}.board-ghost span{font:10px monospace;color:#768559}.board-ghost strong{font-size:12px}.board-ghost small{font-size:10px;color:#717b62}.board-add{min-width:40px;background:none;border:1px dashed #454b39;border-radius:10px;color:#aaa;font-size:23px}.board-hint{font-size:10px;line-height:1.6;color:#7d846f}.board-inspector{border-left:1px solid #30322a;padding:26px 22px;background:#191a17;display:flex;flex-direction:column;gap:16px}.board-inspector h2{font-size:22px;letter-spacing:-.6px;margin:0}.board-inspector>p{font-size:12px;line-height:1.6;color:#929589;margin:-8px 0 0}.board-inspector label{display:grid;gap:10px;font-size:11px;color:#c7cbbb}.board-inspector textarea,.board-inspector input{width:100%;box-sizing:border-box;background:#11130f;border:1px solid #373b2e;border-radius:9px;color:#eee;padding:12px;font:12px/1.7 Arial;resize:vertical}.board-inspector small{font-size:10px;line-height:1.6;color:#7f8672}.board-inspector fieldset{border:0;padding:0;margin:4px 0}.board-inspector legend{font-size:11px;color:#bdc2b0;margin-bottom:12px}.board-inspector fieldset>div{display:flex;flex-wrap:wrap;gap:7px}.board-inspector fieldset button{background:#23271d;border:1px solid #383e2e;border-radius:7px;padding:9px 12px;font-size:10px;color:#a3ac91}.board-inspector button[aria-pressed=true]{background:#e5ff0010;border-color:#a0b642;color:#e5ff00}.board-bottom{margin-top:auto;padding-top:24px;display:grid;gap:12px}.board-bottom .button{font-size:12px;text-align:center}.board-templates{margin-top:24px;border-top:1px solid #303529;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px}.board-templates>div{width:100%}.board-templates h3{font-size:15px;margin:8px 0}.board-templates button{background:#20251a;border:1px solid #3c452e;border-radius:9px;color:#aebd93;font-size:11px;padding:12px}.board-templates button span{color:#e5ff00;margin-right:12px}.board-clip{min-width:145px;max-width:145px;border:1px solid #3d4432;border-radius:9px;padding:7px;background:#171b13}.board-clip.selected{border-color:#e5ff00}.board-clip-select{background:none;border:0;color:#aaa;padding:0;width:100%;text-align:left}.board-clip video{width:100%;height:65px;object-fit:cover;border-radius:5px}.board-clip strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0}.board-clip span{font:9px monospace}.board-clip>div{display:flex;gap:8px}.board-clip>div button{background:#2a3020;border:0;border-radius:4px;color:#bbb;padding:3px 10px}.board-clip button:disabled{opacity:.3}.board-viewer.dragging{border-color:#e5ff00;background:#232b15}@media(max-width:1150px){.workspace-mode .studio-shell{grid-template-columns:170px 1fr}.board-columns{grid-template-columns:minmax(0,1fr) 270px}.board-canvas{padding:18px}.board-inspector{padding:22px 16px}.board-heading{padding:16px 18px}}@media(max-width:900px){.board-columns{grid-template-columns:1fr}.board-inspector{border-left:0;border-top:1px solid #333}.board-viewer{height:360px}.board-heading>[data-saved]{max-width:120px;text-align:right}}@media(max-width:750px){.workspace-mode .studio-shell{grid-template-columns:1fr}.board-heading{height:auto;gap:14px}.board-heading input{font-size:17px}.board-viewer{height:335px}.board-canvas{padding:16px}.board-ghost{min-width:115px}.board-empty h1{font-size:27px}}
.board-header-links{display:flex;gap:20px;align-items:center;font-size:10px;color:#888}.board-header-links a{color:#d7e7a2}.board-header-links [data-saved]{max-width:170px}@media(max-width:650px){.board-header-links{flex-direction:column;gap:5px;align-items:flex-end;text-align:right}}

.signin-preview .signin-demo-primary{display:grid;gap:6px;background:#e5ff00;color:#111;border-radius:13px;padding:16px;margin:0 0 20px;font-size:17px;font-weight:700}.signin-demo-primary small{font-size:10px;font-weight:400;color:#454b25}
.board-viewer.has-canvas-clips{height:auto;min-height:420px;display:block;background:radial-gradient(#64724433 1px,transparent 1px),#11150e;background-size:20px 20px;padding:22px;overflow:visible}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;align-items:start;width:100%}.canvas-clip{padding:12px;background:#22271c;border:1px solid #48533a;border-radius:12px;min-width:0;box-shadow:0 8px 22px #0003}.canvas-clip-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.canvas-clip-top>span{font:9px monospace;letter-spacing:1px;color:#9da98b}.canvas-clip button{border:1px solid #4a543e;background:#303825;color:#d2ddbf;border-radius:6px;padding:7px 10px;font-size:10px}.canvas-clip [data-grab]{touch-action:none;cursor:grab;user-select:none}.canvas-clip [data-grab]:active{cursor:grabbing}.canvas-clip>video{width:100%;height:150px;object-fit:contain;background:#090b07;border-radius:7px;display:block}.canvas-clip>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;margin:13px 0}.canvas-clip [data-play-clip]{width:100%;text-align:center;padding:10px;color:#e5ff00}.canvas-clip-actions{display:flex;gap:7px;margin-top:10px}.canvas-clip-actions button:last-child{margin-left:auto}.canvas-clip button:disabled{opacity:.3}.canvas-clip.being-moved{opacity:.55}.canvas-clip.drop-target{outline:2px solid #e5ff00;outline-offset:5px}.canvas-add{min-height:250px;border:1px dashed #525f40;background:#19201155;border-radius:12px;color:#b9cc8e;font-size:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.canvas-add span{font-size:12px}.board-viewer.has-canvas-clips~.board-strip{display:none}.creation-board button:focus-visible{outline:2px solid #e5ff00;outline-offset:3px}@media(max-width:600px){.storyboard-grid{grid-template-columns:1fr}.board-viewer.has-canvas-clips{padding:16px}.canvas-clip>video{height:190px}}
.board-canvas .board-viewer{min-height:calc(100svh - 240px);height:auto}.board-empty-simple{padding:40px 20px}.board-empty-simple .drop-plus{display:block;font-size:40px;font-weight:300;color:#788264}.board-empty-simple h1{font-size:25px;letter-spacing:-.6px;margin:18px 0}.board-hint:empty{display:none}.board-viewer.has-canvas-clips{align-content:start}@media(max-width:750px){.board-canvas .board-viewer{min-height:360px}}

/* Connected production workspace */
.cloud-clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cloud-clip-grid video{display:block;width:100%;max-height:220px;margin:14px 0;border-radius:12px;background:#000}.cloud-footage{margin:30px 0}.cloud-upload{min-height:200px;border:1px dashed #535646;border-radius:18px;margin-bottom:20px}.cloud-upload select,.studio-brand select{padding:12px;background:#171914;color:#eee;border:1px solid #424638;border-radius:8px}#cloud-content{padding-bottom:40px}#cloud-content .panel{margin:16px 0}#cloud-content [data-approval] label{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}#cloud-content [data-approval] input{width:auto}#cloud-content [data-project-actions]{display:flex;flex-wrap:wrap;gap:12px}#cloud-content [data-project-actions] .panel,#cloud-content [data-project-actions] form{width:100%}body.workspace-mode [data-status]{color:#e5ff00;font-size:13px;margin:12px 0}

/* Compact, centered Google sign-in. */
body.auth-preview-mode{background:#111;color:#f5f5f5}
body.auth-preview-mode #MainContent{padding:0 24px!important}
.signin-preview{width:min(100%,340px);min-height:100svh;padding:40px 0;position:relative}
.signin-preview .signin-logo{font-size:22px;line-height:1;letter-spacing:-1.5px;color:#f5f5f5;padding:8px;margin-bottom:32px;text-decoration:none}
.signin-preview h1{font-size:26px;font-weight:650;line-height:1.2;letter-spacing:-.8px;margin:0 0 30px}
.signin-preview h1 span{font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.35px;color:#858585;margin-top:8px}
.signin-preview .signin-google{min-height:46px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;line-height:20px;gap:10px;transition:background .15s,box-shadow .15s}
.signin-preview .signin-google:hover{background:#ededed;box-shadow:0 2px 12px #0002}
.signin-preview .signin-google:disabled{opacity:.65;cursor:wait}
.signin-preview .signin-google>span{font-size:18px;line-height:20px}
.signin-preview .signin-status{min-height:0;margin:0;font-size:12px;color:#aaa}
.signin-preview .signin-status:not(:empty){margin-top:16px}
@media(max-width:380px){.signin-preview h1{font-size:24px}.signin-preview h1 span{font-size:17px}}

/* Workspace handoff: a quiet, indeterminate pixel wave. */
.workspace-loading{position:fixed;inset:0;z-index:100;background:#111;display:grid;place-items:center;padding:24px;box-sizing:border-box;color:#eee}
.workspace-loading-inner{text-align:center;max-width:360px;width:100%}
.workspace-loading-logo{display:block;font-size:22px;font-weight:800;letter-spacing:-1.5px;margin-bottom:34px}
.pixel-loader{display:flex;justify-content:center;gap:5px;height:12px}
.pixel-loader i{display:block;width:10px;height:10px;background:#e5ff00;opacity:.12;animation:workspace-pixel-wave 1.6s ease-in-out infinite;animation-delay:calc(var(--pixel)*.09s)}
.workspace-loading p{font-size:13px!important;line-height:1.6!important;color:#888!important;margin:22px 0 0!important;letter-spacing:.1px}
@keyframes workspace-pixel-wave{0%,65%,100%{opacity:.12;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.workspace-loading.has-error .pixel-loader{display:none}
@media(prefers-reduced-motion:reduce){.pixel-loader i{animation:none;opacity:.5}.pixel-loader i:nth-child(-n+4){opacity:1}}

/* Private media uploads and owner retention controls. */
.cloud-upload video{display:block;width:100%;max-height:180px;border-radius:8px;margin:12px 0;background:#080808}
.cloud-upload progress{display:block;width:100%;margin:12px 0;accent-color:#e5ff00}
.cloud-upload [data-upload-list]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;width:100%}
.cloud-upload [data-upload-list] .panel{min-width:0;text-align:left}
.cloud-upload [data-upload-list] strong{overflow-wrap:anywhere}
.studio-storage-settings{margin:16px 0}
.studio-storage-settings label{display:flex;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}
.studio-storage-settings input[type=number]{width:100px;padding:8px;border:1px solid #444;border-radius:8px;background:#181818;color:#f4f2eb}

/* File-first creation: a continuous sequence above the creative brief. */
.creation-board-flow .board-columns{display:flex;flex-direction:column;min-height:0}
.creation-board-flow .board-canvas{padding:24px;min-width:0}
.creation-board-flow .board-viewer{min-height:340px;height:clamp(340px,46vh,520px);background:radial-gradient(#ffffff12 1px,transparent 1px),#131410;background-size:20px 20px}
.creation-board-flow .board-viewer.has-canvas-clips{height:auto;min-height:340px;padding:20px;overflow:auto;box-sizing:border-box}
.creation-board-flow .storyboard-grid{display:flex;gap:18px;width:max-content;min-width:100%;align-items:stretch;padding:4px 4px 12px}
.creation-board-flow .canvas-clip{width:220px;flex:0 0 220px;box-sizing:border-box;position:relative}
.creation-board-flow .canvas-add{width:150px;flex:0 0 150px;min-height:280px}
.creation-board-flow .board-inspector{border:0;border-top:1px solid #30322a;padding:32px max(24px,calc((100% - 820px)/2));background:#161714;box-sizing:border-box}
.creation-board-flow .board-inspector h2{font-size:26px;margin:10px 0}
.creation-board-flow .board-inspector label{display:block;margin-top:22px}
.creation-board-flow .board-inspector input,.creation-board-flow .board-inspector textarea,.creation-board-flow .board-inspector select{box-sizing:border-box;width:100%;background:#20221c;color:#f4f2eb;border:1px solid #3b3f32;border-radius:8px;padding:12px;font:inherit;margin-top:8px}
.creation-board-flow .board-hint{font-size:12px;line-height:1.6}
.creation-board-flow .board-viewer.dragging{outline:2px solid #e5ff00;outline-offset:3px}
.creation-board-flow .board-header-links{font-size:11px;color:#909581}
@media(max-width:600px){.creation-board-flow .board-canvas{padding:14px}.creation-board-flow .board-heading{flex-wrap:wrap}.creation-board-flow .board-viewer.has-canvas-clips{padding:12px}.creation-board-flow .canvas-clip{width:205px;flex-basis:205px}.creation-board-flow .board-inspector{padding:26px 18px}.creation-board-flow .board-viewer{min-height:300px;height:350px}}

.editor-project{max-width:1080px;margin:auto;padding:24px}.editor-project .panel{padding:28px;margin:24px 0;border:1px solid #34372e;border-radius:14px;scroll-margin-top:24px}.editor-project h2{font-size:22px;margin:0 0 18px}.editor-project p{line-height:1.65;color:#a8ad9b}.editor-steps{display:flex;gap:10px;flex-wrap:wrap}.editor-steps a{border:1px solid #35392e;border-radius:8px;padding:12px 16px;font-size:12px;color:#c8ceba;text-decoration:none}.editor-brief{padding:18px;background:#1b1e17;border-radius:10px;margin-bottom:22px}.editor-brief p{white-space:pre-wrap;margin-top:0;color:#eee}.editor-brief span{color:#a8ad9b}.editor-brief a{display:block;color:#e5ff00;margin-top:16px}.editor-file-row{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #30352a;min-width:0}.editor-file-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.editor-file-row small,.editor-publish small{display:block;color:#929b82;margin-top:8px}.editor-file-index{font:12px monospace;color:#929b82}.editor-cut-drop{padding:36px 20px;display:flex;align-items:center;flex-direction:column;gap:18px;border:1px dashed #5b644c;border-radius:12px;background:#191d15;text-align:center}.editor-cut-drop small{color:#929b82}.editor-cut-drop.dragging{outline:2px solid #e5ff00}.editor-publish{display:grid;gap:16px;padding:22px;margin-top:18px;border:1px solid #424a34;border-radius:10px}.editor-publish input{display:block;padding:12px;margin-top:8px;background:#20251a;color:white;border:1px solid #49523b;border-radius:8px}.editor-project progress{display:block;width:100%;accent-color:#e5ff00;margin:16px 0}.editor-project [data-progress]{padding:22px 0}.editor-project [data-editor-status]:empty{display:none}@media(max-width:650px){.editor-project{padding:14px}.editor-project .panel{padding:18px}.editor-file-row{flex-wrap:wrap}.editor-file-row>div{flex-basis:65%}.editor-file-row .button{font-size:12px}.editor-steps a{flex:1;min-width:150px}}