.cs-app{--cs-accent:#19dff3;--cs-border:#23324b;--cs-muted:#94a1b0;color:#eaf0f6;min-height:100vh;font-family:var(--type-ui);background:#030711}.cs-app *{box-sizing:border-box}.cs-app button,.cs-app input,.cs-app textarea,.cs-app select{font:inherit}.cs-app button,.cs-app a,.cs-app input,.cs-app select,.cs-app textarea{-webkit-tap-highlight-color:transparent}.cs-app button{cursor:pointer}.cs-app button:disabled{opacity:.35;cursor:not-allowed}.cs-app button:focus-visible,.cs-app a:focus-visible,.cs-app input:focus-visible,.cs-app textarea:focus-visible,.cs-app select:focus-visible{outline:2px solid var(--cs-accent);outline-offset:3px}.cs-app a{color:inherit;text-decoration:none}.cs-header{border-bottom:1px solid var(--cs-border);background:#070e1d;justify-content:space-between;align-items:center;gap:24px;height:83px;padding:0 28px;display:flex}.cs-brand{letter-spacing:-4px;align-items:center;gap:12px;font-size:41px;font-weight:900;display:flex;color:var(--cs-accent)!important}.cs-brand>span{letter-spacing:2px;color:#f0f4fa;font-size:10px;font-weight:400;line-height:1.5}.cs-brand b{font-size:13px}.cs-project-title{border-left:1px solid #36414e;margin-right:auto;padding-left:25px}.cs-project-title input{color:#e9eef6;background:0 0;border:0;width:230px;padding:4px 0;font-size:13px;display:block}.cs-project-title>span{letter-spacing:1.5px;color:#8594a5;margin-top:4px;font-size:8px;display:block}.cs-header-actions{align-items:center;gap:10px;display:flex}.cs-header-actions button{color:#fff;background:0 0;border:1px solid #3b4754;border-radius:6px;padding:11px 17px;font-size:11px;font-weight:600}.cs-header-actions a{color:#9aa9bb;margin-left:10px;font-size:11px}.cs-app .cs-primary{background:var(--cs-accent);border:1px solid var(--cs-accent);color:#14200b;border-radius:6px;padding:12px 17px;font-size:11px;font-weight:700}.cs-announcement{border-bottom:1px solid var(--cs-border);background:linear-gradient(90deg,#16122c,#081627);align-items:center;gap:24px;padding:17px 28px;display:flex}.cs-announcement>span{letter-spacing:1.7px;color:var(--cs-accent);font-size:10px}.cs-announcement p{color:#a8b5c4;margin:0;font-size:12px}.cs-announcement b{letter-spacing:1.4px;color:#a2dce5;border:1px solid #285774;border-radius:20px;margin-left:auto;padding:6px 9px;font-size:8px;font-weight:400}.cs-workspace{grid-template-columns:300px minmax(0,1fr) 235px;max-width:1900px;min-height:800px;margin:auto;display:grid}.cs-library{border-right:1px solid var(--cs-border);background:#081223;grid-template-columns:66px minmax(0,1fr);display:grid}.cs-tabs{border-right:1px solid var(--cs-border);flex-direction:column;gap:8px;padding:15px 5px;display:flex}.cs-tabs button{color:#8795a7;word-break:normal;background:0 0;border:0;border-radius:7px;padding:12px 2px;font-size:8px;line-height:1.5}.cs-tabs button i{font-size:21px;font-style:normal;line-height:1.6;display:block}.cs-tabs button[aria-pressed=true]{color:var(--cs-accent);background:#0d293a}.cs-library-content{padding:23px 17px}.cs-panel-heading>span,.cs-inspector-kicker{color:#8e9cab;letter-spacing:1.3px;font-size:8px;line-height:1.6}.cs-panel-heading h1,.cs-panel-heading h2{letter-spacing:-.5px;margin:10px 0;font-size:19px;line-height:1.25}.cs-panel-heading p{color:#8e9dad;margin:0 0 22px;font-size:11px;line-height:1.65}.cs-template-list{gap:17px;display:grid}.cs-template{text-align:left;color:#e6edf5;background:0 0;border:0;padding:0;position:relative}.cs-template canvas{aspect-ratio:1;border:1px solid #35404d;border-radius:7px;width:100%;transition:border-color .2s;display:block}.cs-template[aria-pressed=true] canvas{outline:2px solid var(--cs-accent);outline-offset:2px}.cs-template>span{justify-content:space-between;align-items:center;gap:5px;margin-top:10px;display:flex}.cs-template b{font-size:11px;font-weight:600}.cs-template small{letter-spacing:.7px;color:#99a8b9;border:1px solid #3b4755;border-radius:3px;padding:3px 4px;font-size:6px}.cs-template p{color:#8d9cac;margin:5px 0 0;font-size:9px;line-height:1.6}.cs-footnote{color:#8b9bad;margin:22px 0 0;font-size:10px;line-height:1.7}.cs-editor{background:radial-gradient(at 50% 30%,#292052,#0000 65%),#050a17;min-width:0;padding:0 25px 24px}.cs-toolbar{border-bottom:1px solid #303a46;justify-content:space-between;align-items:center;gap:10px;height:65px;display:flex}.cs-toolbar select{color:#becbd9;background:#1b2531;border:0;border-radius:5px;max-width:200px;padding:9px;font-size:10px}.cs-toolbar>div{gap:4px;display:flex}.cs-toolbar button{color:#aebdcd;background:0 0;border:1px solid #0000;border-radius:5px;min-width:29px;padding:7px;font-size:11px}.cs-toolbar button[aria-pressed=true]{color:var(--cs-accent);border-color:#276281}.cs-toolbar button[aria-label]{padding:0 6px;font-size:19px}.cs-canvas-area{justify-content:center;align-items:center;min-height:560px;padding:38px 0 25px;display:flex;overflow:hidden}.cs-stage{isolation:isolate;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 65px #0007}.cs-stage.cs-square{max-width:620px}.cs-stage.cs-story{max-width:350px}.cs-stage.cs-card{max-width:480px}.cs-stage canvas{width:100%;height:100%;display:block}.cs-layer-box{touch-action:none;z-index:2;background:0 0;border:1px solid #0000;min-height:12px;padding:0;position:absolute;cursor:move!important}.cs-layer-box:hover{border-color:#ffffff90}.cs-layer-box.selected{border:1px dashed #19dff3a0}.cs-layer-box span{background:var(--cs-accent);color:#14200b;white-space:nowrap;padding:5px;font:600 8px monospace;display:none;position:absolute;top:0;left:0}.cs-layer-box.selected span{display:block}.cs-layer-box.selected:after{content:"";background:var(--cs-accent);width:6px;height:6px;position:absolute;bottom:-3px;right:-3px}.cs-canvas-caption{letter-spacing:1px;color:#94a4b6;justify-content:space-between;gap:10px;font-size:8px;display:flex}.cs-canvas-caption>span:first-child{color:#bdd5a4}.cs-canvas-caption i{background:var(--cs-accent);border-radius:100%;width:5px;height:5px;margin-right:5px;display:inline-block}.cs-drag-tip{color:#8e9daf;text-align:center;margin:23px 0 0;font-size:10px;line-height:1.6}.cs-status{color:#a6dfed;text-align:center;min-height:40px;padding:12px 0;font-size:11px;line-height:1.6}.cs-kit{background:linear-gradient(110deg,#211739,#0a162a);border:1px solid #31406a;border-radius:10px;align-items:center;gap:18px;margin-top:14px;padding:22px 18px;display:flex}.cs-kit-icon{color:var(--cs-accent);margin-right:8px;font-size:38px;position:relative;transform:rotate(-10deg)}.cs-kit-icon span{color:#ab82ff;position:absolute;top:3px;left:10px}.cs-kit>div:nth-child(2){flex:1}.cs-kit h2{letter-spacing:-.4px;margin:7px 0;font-size:18px}.cs-kit p{color:#a0afbd;margin:0;font-size:10px;line-height:1.6}.cs-kit>div>span{color:var(--cs-accent);letter-spacing:1px;font-size:7px}.cs-kit button{color:#d9ecff;white-space:nowrap;background:#14223c;border:1px solid #546b95;border-radius:5px;padding:12px;font-size:10px}.cs-inspector{border-left:1px solid var(--cs-border);background:#081223;padding:25px 20px}.cs-inspector h2{letter-spacing:-.4px;margin:9px 0 25px;font-size:17px;line-height:1.4}.cs-layer-switch{background:#090f16;border:1px solid #2c3846;border-radius:6px;margin-bottom:25px;padding:4px;display:flex}.cs-layer-switch button{color:#8d9fb0;background:0 0;border:0;border-radius:4px;width:50%;padding:9px 5px;font-size:10px}.cs-layer-switch button[aria-pressed=true]{color:var(--cs-accent);background:#123044}.cs-range{margin:22px 0;display:block}.cs-range>span{color:#a7b7c7;justify-content:space-between;gap:7px;margin-bottom:12px;font-size:10px;display:flex}.cs-range b{color:#deebfa;font-weight:400}.cs-range input{width:100%;height:4px;accent-color:var(--cs-accent);cursor:ew-resize;display:block}.cs-wide-button{color:#d2deed;background:#1b2734;border:1px solid #3b4959;border-radius:5px;width:100%;padding:10px;font-size:10px!important}.cs-wide-button[aria-pressed=true]{border-color:var(--cs-accent)}.cs-export-settings{border-top:1px solid var(--cs-border);margin-top:30px;padding-top:25px}.cs-export-settings>small{color:#8f9cae;text-align:center;margin-top:12px;font-size:9px;line-height:1.7;display:block}.cs-trust{border-top:1px solid var(--cs-border);margin-top:30px;padding-top:23px}.cs-trust b{letter-spacing:1px;color:#b4c1cf;font-size:8px}.cs-trust p{color:#8090a3;font-size:10px;line-height:1.7}.cs-field{color:#b2c2d3;margin:20px 0;font-size:10px;display:block}.cs-field input,.cs-field textarea,.cs-field select{color:#e3edf8;background:#0b121a;border:1px solid #334253;border-radius:5px;width:100%;margin-top:9px;padding:11px 9px;font-size:11px;line-height:1.5;display:block}.cs-field textarea{resize:vertical;min-height:90px}.cs-field small{color:#8799ad;margin-top:7px;font-size:9px;line-height:1.6;display:block}.cs-crew-list{gap:14px;display:grid}.cs-crew-list button{color:#fff;text-align:left;background:radial-gradient(#263546,#0c141f);border:1px solid #344454;border-radius:8px;align-items:center;gap:12px;padding:9px;display:flex}.cs-crew-list button[aria-pressed=true]{border-color:var(--cs-accent)}.cs-crew-list img{object-fit:contain;width:80px;height:125px}.cs-crew-list b,.cs-crew-list small{display:block}.cs-crew-list b{font-size:15px}.cs-crew-list small{color:#9eafc1;margin-top:5px;font-size:9px;line-height:1.6}.cs-upload{color:var(--cs-accent);cursor:pointer;border:1px dashed #376477;border-radius:7px;margin-top:23px;padding:16px 10px;font-size:11px;display:block}.cs-upload input{color:#9cabb9;width:100%;margin-top:14px;font-size:9px;display:block}.cs-upload input::file-selector-button{color:#d3edff;background:#13314a;border:0;border-radius:3px;padding:7px;font-size:9px}.cs-scenes{gap:12px;display:grid}.cs-scenes button{color:#fff;text-align:left;background:#111b29;border:1px solid #3b4a5a;border-radius:5px;padding:0;overflow:hidden}.cs-scenes button[aria-pressed=true]{border-color:var(--cs-accent)}.cs-scenes img,.cs-void{object-fit:cover;width:100%;height:90px;display:block}.cs-void{color:#bbb5df;background:radial-gradient(#303253,#0c1018);place-items:center;font-size:36px;display:grid}.cs-scenes button>span{padding:8px;font-size:10px;display:block}.cs-color{color:#b6c5d4;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.cs-color input{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.cs-color code{font-size:9px}.cs-swatches{gap:8px;margin:16px 0 22px;display:flex}.cs-swatches button{border:2px solid #081223;border-radius:50%;width:21px;height:21px}.cs-swatches button[aria-pressed=true]{outline:1px solid #fff}.cs-check{color:#b4c3d3;align-items:center;gap:8px;margin:15px 0;font-size:11px;display:flex}.cs-check input{accent-color:var(--cs-accent)}.cs-empty{text-align:center;border:1px dashed #3c4f60;border-radius:7px;padding:25px 14px}.cs-empty>span{color:var(--cs-accent);font-size:35px}.cs-empty h3{font-size:13px;line-height:1.5}.cs-empty p{color:#91a3b6;font-size:10px;line-height:1.6}.cs-saved{background:#1b2633;border:1px solid #364455;border-radius:6px;gap:4px;margin:10px 0;padding:7px;display:flex}.cs-saved button{color:#d9e4f1;text-align:left;background:0 0;border:0;padding:6px}.cs-saved button:first-child{flex:1;min-width:0}.cs-saved b{overflow-wrap:anywhere;font-size:11px;display:block}.cs-saved small{color:#94a5b9;margin-top:6px;font-size:9px;line-height:1.5;display:block}.cs-footer{border-top:1px solid var(--cs-border);letter-spacing:1px;color:#8c9caf;justify-content:space-between;gap:15px;padding:22px 28px;font-size:8px;display:flex}.cs-footer a{color:var(--cs-accent)}.cs-sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.cs-mobile-inspect{display:none}.cs-app option{background:#182230}@media (width>=1450px){.cs-workspace{grid-template-columns:330px minmax(0,1fr) 260px}.cs-library-content{padding:25px}.cs-template-list{grid-template-columns:1fr}.cs-canvas-area{min-height:680px}.cs-stage.cs-square{max-width:680px}.cs-stage.cs-story{max-width:360px}}@media (width<=1150px){.cs-workspace{grid-template-columns:270px minmax(0,1fr)}.cs-inspector{display:none}.cs-inspector.cs-inspector-open{border-top:1px solid var(--cs-border);grid-area:2/2;display:block}.cs-mobile-inspect{display:block}.cs-editor{padding:0 18px 22px}.cs-canvas-area{min-height:470px}.cs-kit{flex-wrap:wrap}.cs-kit button{margin-left:auto}.cs-project-title input{width:180px}.cs-announcement p{display:none}}@media (width<=720px){.cs-header{flex-wrap:wrap;gap:10px;height:auto;min-height:75px;padding:13px 15px}.cs-brand{font-size:32px}.cs-brand>span{font-size:8px}.cs-brand b{font-size:11px}.cs-project-title{border-top:1px solid #2c3745;border-left:0;order:3;justify-content:space-between;align-items:center;width:100%;padding:6px 0 0;display:flex}.cs-project-title input{width:55%;font-size:12px}.cs-project-title>span{font-size:7px}.cs-header-actions{gap:6px;margin-left:auto}.cs-header-actions button{padding:9px;font-size:10px}.cs-header-actions a{display:none}.cs-header-actions .cs-primary{padding:9px;font-size:10px}.cs-announcement{gap:8px;padding:12px 15px}.cs-announcement>span{letter-spacing:.7px;font-size:8px}.cs-announcement b{padding:4px;font-size:6px}.cs-workspace{flex-direction:column;display:flex}.cs-library{border:0;border-top:1px solid var(--cs-border);flex-direction:column;order:2;display:flex}.cs-tabs{border:0;border-bottom:1px solid var(--cs-border);flex-direction:row;justify-content:space-around;padding:8px 10px}.cs-tabs button{flex:1;max-width:85px;padding:7px 2px}.cs-tabs button i{font-size:18px}.cs-library-content{padding:20px}.cs-template-list{grid-template-columns:1fr 1fr;gap:22px 17px}.cs-panel-heading h1,.cs-panel-heading h2{font-size:21px}.cs-template b{font-size:12px}.cs-template small{font-size:6px}.cs-editor{order:1;padding:0 15px 18px}.cs-toolbar{height:56px}.cs-toolbar select{max-width:180px;padding:7px;font-size:9px}.cs-toolbar button{min-width:23px;padding:6px;font-size:9px}.cs-canvas-area{min-height:0;padding:25px 0 15px}.cs-stage.cs-square{max-width:430px}.cs-stage.cs-card{max-width:330px}.cs-stage.cs-story{max-width:250px}.cs-canvas-caption{font-size:7px}.cs-drag-tip{margin-top:17px;font-size:9px}.cs-status{font-size:10px}.cs-kit{gap:12px;margin-top:5px;padding:15px}.cs-kit h2{font-size:16px}.cs-kit p{font-size:9px}.cs-kit-icon{font-size:30px}.cs-kit button{padding:10px;font-size:9px}.cs-inspector.cs-inspector-open{border:1px solid #365272;order:1;grid-template-columns:1fr 1fr;gap:0 20px;padding:22px;display:grid}.cs-inspector>h2,.cs-inspector>.cs-inspector-kicker,.cs-inspector>.cs-layer-switch{grid-column:1/-1}.cs-export-settings,.cs-trust{margin-top:20px}.cs-footer{flex-wrap:wrap;padding:20px;font-size:7px;line-height:1.6}.cs-footer>span:last-child{display:none}.cs-crew-list{grid-template-columns:repeat(3,1fr);gap:10px}.cs-crew-list button{text-align:center;flex-direction:column;gap:5px;padding:10px 5px}.cs-crew-list img{width:100%;height:120px}.cs-scenes{grid-template-columns:1fr 1fr}.cs-layer-box span{padding:3px;font-size:6px}}@media (prefers-reduced-motion:reduce){.cs-app *{transition:none!important}}.cs-app .cs-brand{font:700 clamp(21px,2.3vw,34px)/1.1 var(--type-display);letter-spacing:-.025em;color:#f5f7ff!important}.cs-app .cs-primary{color:#fff;background:linear-gradient(110deg,#6b18f3,#a91ee8);border-color:#ad68fd;box-shadow:0 3px 16px #8429df33}.cs-app .cs-header-actions button,.cs-app .cs-kit button{min-height:42px;font-size:12px}.cs-announcement a{color:var(--cs-accent);margin-left:auto;font-size:13px;font-weight:650}.cs-app .cs-panel-heading p,.cs-app .cs-footnote,.cs-app .cs-trust p{color:#afbed0;font-size:12px;line-height:1.6}.cs-app .cs-tabs button{font-size:10px}.cs-app .cs-kit button:hover,.cs-app .cs-header-actions button:hover{border-color:var(--cs-accent)}.cs-app .cs-kit button:focus-visible{outline:2px solid var(--cs-accent)}.cs-project-tools{gap:8px;display:grid}.cs-project-tools button,.cs-post-copy button{color:#daeafa;min-height:40px;font:600 12px var(--type-ui);background:#0c1a2d;border:1px solid #38516f;border-radius:6px;padding:9px 12px}.cs-project-tools button:hover,.cs-post-copy button:hover{border-color:var(--cs-accent)}.cs-saved button[aria-current=true]{border-left:2px solid var(--cs-accent)}.cs-post-copy{border:1px solid var(--cs-border);background:#081222;border-radius:10px;margin-top:18px;padding:16px}.cs-post-copy label{font-weight:650}.cs-post-copy textarea{resize:vertical;color:#e7f1ff;width:100%;min-height:70px;font:14px/1.5 var(--type-ui);background:#050c17;border:1px solid #344864;border-radius:6px;margin:8px 0;padding:10px}.cs-post-copy>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cs-post-copy small{color:#a9bbce;font-size:12px}.cs-status:empty{display:none}.cs-layer-tools h2,.cs-motion h2{margin:0 0 8px;font-size:20px}.cs-layer-tools h3{margin:16px 0 8px;font-size:14px}.cs-layer-tools p,.cs-motion p{color:#b7c6d8;font-size:12px;line-height:1.6}.cs-layer-tools button,.cs-composition-picker button,.cs-motion button{color:#edf3ff;min-height:36px;font:600 12px var(--type-ui);background:#101b30;border:1px solid #394761;border-radius:7px;padding:6px 9px}.cs-compose-actions,.cs-art-palette,.cs-composition-picker{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 14px;display:grid}.cs-art-palette button{min-width:0}.cs-art-palette img{object-fit:contain;width:100%;height:52px}.cs-art-palette span{font-size:10px;display:block}.cs-composition-picker button{text-align:left;background:linear-gradient(135deg,#27164d,#09192b);padding:10px}.cs-composition-picker span{color:#9edbeb;margin-top:4px;font-size:10px;display:block}.cs-layer-list{gap:5px;display:grid}.cs-layer-list button{text-align:left;overflow-wrap:anywhere}.cs-layer-list button[aria-pressed=true]{border-color:var(--cs-accent);color:var(--cs-accent)}.cs-layer-settings{border:1px solid var(--cs-border);min-width:0;margin-top:12px;padding:10px}.cs-layer-settings legend{color:#ccddf2;font-size:12px}.cs-layer-settings label{gap:5px;margin:9px 0;font-size:11px;display:grid}.cs-layer-settings input{width:100%;min-width:0;accent-color:var(--cs-accent)}.cs-layer-settings input:not([type=range]){color:#fff;background:#081120;border:1px solid #34455b;padding:5px}.cs-extra-box{z-index:3}.cs-motion{background:linear-gradient(120deg,#1c1534,#09152b);border:1px solid #394369;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:18px;display:flex}.cs-motion p{margin:0}.cs-motion button{background:#492277}@media (width<=740px){.cs-tabs{flex-wrap:wrap}.cs-layer-tools button{min-height:44px}}
