:root{--ink:#10182d;--muted:#68748e;--line:#dfe5f0;--soft:#f4f6fb;--violet:#6733ed;--violet2:#8b45f5;--blue:#2368f5;--mint:#18c89a;--panel:#fff;--shadow:0 18px 50px #17213b12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7f8fc}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.cs-app{min-height:100vh}.cs-sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:22px 16px;background:#10182d;color:#fff;display:flex;flex-direction:column;z-index:50}.cs-logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 7px 24px}.cs-logo img{width:39px;height:39px;border-radius:11px}.cs-logo span{font-weight:800;font-size:17px}.cs-logo small,.cs-side-foot small{display:block;color:#aeb8ce;font-size:11px;font-weight:600;margin-top:2px}.cs-sidebar nav{display:grid;gap:6px}.cs-sidebar nav button{border:0;background:transparent;color:#aeb8ce;border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:13px;font-weight:650;text-align:left;cursor:pointer}.cs-sidebar nav button span{font-size:20px;width:22px;text-align:center}.cs-sidebar nav button:hover,.cs-sidebar nav button.active{color:#fff;background:#ffffff13}.cs-sidebar nav button.active{box-shadow:inset 3px 0 var(--violet2)}.cs-side-foot{margin-top:auto;padding:15px 7px 0;border-top:1px solid #ffffff16;display:flex;align-items:center;gap:10px}.cs-side-foot b{font-size:12px}.cs-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),#a450f4);font-size:11px;font-weight:800}.cs-main{margin-left:228px;min-height:100vh}.cs-topbar{height:78px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.cs-search{width:min(430px,40vw);display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:#f8f9fc;padding:0 13px}.cs-search span{font-size:22px;color:#77839a}.cs-search input{width:100%;border:0;outline:0;background:transparent;height:43px;color:var(--ink)}.cs-help,.cs-dashboard-link{margin-left:auto}.cs-help,.cs-icon-button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;color:var(--ink)}.cs-dashboard-link{color:#4e5a72;text-decoration:none;font-weight:700;font-size:13px;margin-left:0}.cs-primary{border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff;font-weight:750;box-shadow:0 8px 20px #6733ed2e;cursor:pointer}.cs-menu,.cs-mobile-brand{display:none}.cs-home{padding:36px clamp(22px,4.7vw,68px) 80px;max-width:1500px;margin:auto}.cs-hero{min-height:224px;border-radius:24px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 75% 20%,#9965ff 0,transparent 23%),linear-gradient(125deg,#111a31 0%,#293b75 54%,#6c35ed 100%);color:#fff;overflow:hidden;position:relative}.cs-hero:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff24;border-radius:50%;right:9%;top:-165px;box-shadow:0 0 0 55px #ffffff0a,0 0 0 110px #ffffff08}.cs-hero>div,.cs-hero>button{position:relative;z-index:1}.cs-kicker,.panel-eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:#8f70ff}.cs-hero .cs-kicker{color:#90f6d8}.cs-hero h1{font-size:clamp(30px,3vw,46px);line-height:1.05;margin:10px 0}.cs-hero p{color:#d6def0;margin:0;max-width:590px}.cs-hero .cs-primary{background:#fff;color:#352064;box-shadow:none;padding:15px 20px}.cs-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin:20px 0 44px}.cs-quick-grid button{min-width:0;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px 11px;text-align:left;box-shadow:0 7px 24px #26304a08;cursor:pointer}.cs-quick-grid button:hover{transform:translateY(-2px);border-color:#bba8f9;box-shadow:var(--shadow)}.cs-quick-grid span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:19px;margin-bottom:13px}.cs-quick-grid b,.cs-quick-grid small{display:block}.cs-quick-grid b{font-size:14px}.cs-quick-grid small{color:var(--muted);font-size:11px;margin-top:4px}.mint{background:linear-gradient(135deg,#15b88d,#27d8ad)}.pink{background:linear-gradient(135deg,#e33183,#f05a9c)}.blue{background:linear-gradient(135deg,#1f70f4,#4c53f3)}.violet{background:linear-gradient(135deg,#6835ef,#8e49f7)}.orange{background:linear-gradient(135deg,#ff9f2d,#ff7836)}.gradient{background:linear-gradient(135deg,#168fdc,#7139ee,#e339a2)}.cs-section{margin-top:36px}.cs-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.cs-section h2{margin:0;font-size:23px}.cs-section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.cs-text-button{border:0;background:none;color:var(--violet);font-weight:750;cursor:pointer}.cs-format-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cs-format-row button,.cs-template-grid button{border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:var(--ink)}.format-preview{height:118px;border:1px solid var(--line);border-radius:15px;background:#edf1f8;display:grid;place-items:center;margin-bottom:11px;overflow:hidden}.format-preview i{display:block;background:linear-gradient(145deg,#273f78,#7346e8);box-shadow:0 10px 20px #1b275529}.square i{width:68px;height:68px}.story i{width:44px;height:79px}.landscape i{width:91px;height:53px}.video i{width:92px;height:54px;color:#fff;display:grid;place-items:center;font-style:normal}.paper i{width:54px;height:76px;background:#fff;border:1px solid #ccd4e4}.cs-format-row b,.cs-format-row small,.cs-template-grid b,.cs-template-grid small{display:block}.cs-format-row b,.cs-template-grid b{font-size:13px}.cs-format-row small,.cs-template-grid small{color:var(--muted);font-size:11px;margin-top:3px}.cs-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.template-art{aspect-ratio:1.25;display:flex;flex-direction:column;justify-content:center;padding:20px;border-radius:17px;margin-bottom:11px;overflow:hidden;position:relative}.template-art em{font-size:9px;font-weight:900;letter-spacing:.18em;font-style:normal}.template-art strong{font-size:clamp(20px,2vw,31px);line-height:.9;margin:11px 0}.template-art i{font-size:10px;font-style:normal;font-weight:750}.art-launch{background:#d9fff2;color:#10243e}.art-launch:after{content:"";width:90px;height:90px;background:#713ee9;border-radius:20px;position:absolute;right:-28px;bottom:-20px;transform:rotate(20deg)}.art-sale{background:#6b32e8;color:#fff}.art-sale strong{color:#beff38;font-size:40px}.art-service{background:#111a31;color:#fff}.art-service strong{color:#41ddb7}.art-story{background:linear-gradient(145deg,#ffb038,#ff7046);color:#17213a}.art-story strong{font-size:26px}.cs-empty{border:1px dashed #cbd3e3;background:#fff;border-radius:16px;padding:23px;display:flex;align-items:center;gap:17px}.cs-empty>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#f0eaff;color:var(--violet);font-size:22px}.cs-empty b{font-size:14px}.cs-empty p{font-size:12px;color:var(--muted);margin:4px 0}.cs-empty button{margin-left:auto;border:1px solid #c9baf5;color:var(--violet);background:#fff;border-radius:9px;padding:10px 14px;font-weight:700}.cs-editor{display:none;position:fixed;inset:0;z-index:100;background:#eef1f7}.cs-app[data-view=editor] .cs-editor{display:block}.cs-app[data-view=editor] .cs-sidebar,.cs-app[data-view=editor] .cs-topbar,.cs-app[data-view=editor] .cs-home{display:none}.editor-topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:12px}.project-name{border:0;background:transparent;font-weight:750;font-size:14px;padding:8px;width:190px}.project-name:focus{outline:2px solid #c6b5fb;border-radius:7px}.save-state{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.save-state i{width:7px;height:7px;background:var(--mint);border-radius:50%}.editor-top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.editor-top-actions button{height:38px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--ink);font-weight:700;cursor:pointer}.editor-top-actions button:disabled{opacity:.4}.editor-top-actions .cs-primary{background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff;border:0}.editor-shell{height:calc(100vh - 64px);display:grid;grid-template-columns:76px 280px minmax(350px,1fr) 270px;grid-template-rows:minmax(0,1fr) 154px}.tool-rail{grid-row:1/3;background:#131b30;padding:10px 6px;display:flex;flex-direction:column;gap:3px;overflow:auto}.tool-rail button{border:0;background:transparent;color:#aeb8cd;min-height:59px;border-radius:9px;font-size:9px;font-weight:650;cursor:pointer}.tool-rail button span{font-size:21px;display:block;margin-bottom:3px}.tool-rail button.active,.tool-rail button:hover{background:#ffffff13;color:#fff}.tool-panel{grid-row:1/3;background:#fff;border-right:1px solid var(--line);overflow:auto}.panel-heading{min-height:74px;padding:18px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f5}.panel-heading h2{font-size:20px;margin:3px 0 0}.panel-heading>button{border:0;background:none;font-size:21px;color:#77839a;cursor:pointer}.tool-content{padding:16px}.tool-upload{border:1.5px dashed #bbb0e6;background:#f9f7ff;border-radius:13px;padding:18px;text-align:center;margin:16px}.tool-upload span{width:42px;height:42px;margin:auto auto 10px;border-radius:11px;background:#e9e1ff;color:var(--violet);display:grid;place-items:center;font-size:21px}.tool-upload button{border:0;background:var(--violet);color:#fff;border-radius:8px;padding:9px 13px;font-weight:700;margin-top:8px}.tool-tabs{display:flex;gap:5px;padding:12px 14px 0}.tool-tabs button{border:0;background:#f1f3f8;color:#66728b;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700}.tool-tabs button.active{background:#e9e1ff;color:var(--violet)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}.asset-card{aspect-ratio:1;border:0;border-radius:10px;background:linear-gradient(145deg,#c9f8e9,#5d3cdb);cursor:pointer;position:relative;overflow:hidden}.asset-card:nth-child(2){background:linear-gradient(145deg,#ffcf73,#ff7469)}.asset-card:nth-child(3){background:linear-gradient(145deg,#2c396b,#151a2f)}.asset-card:nth-child(4){background:linear-gradient(145deg,#e6eafa,#9da8d5)}.panel-list{display:grid;gap:8px;padding:14px}.panel-list button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;text-align:left;color:var(--ink);font-weight:700}.panel-list small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.canvas-area{background:#e9edf4;min-width:0;display:flex;flex-direction:column}.canvas-toolbar{height:46px;padding:0 12px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}.canvas-toolbar button{border:1px solid transparent;background:transparent;border-radius:7px;padding:6px 8px;color:#59667e;cursor:pointer;font-size:11px}.canvas-toolbar button.active{background:#eee9ff;color:var(--violet)}.canvas-toolbar span{flex:1}.canvas-toolbar b{font-size:10px;color:#5d6980}.canvas-stage{min-height:0;flex:1;display:grid;place-items:center;padding:26px;overflow:auto}.design-canvas{width:min(58vh,560px);aspect-ratio:1/1;background:#f9fafc;box-shadow:0 15px 50px #1b294329;position:relative;overflow:hidden;transform-origin:center}.canvas-bg-shape{position:absolute;width:70%;height:95%;right:-24%;top:-14%;background:linear-gradient(155deg,#7141e7,#244aab);transform:rotate(17deg);border-radius:40%}.canvas-label,.canvas-title,.canvas-copy,.canvas-button{position:absolute;z-index:2;margin:0}.canvas-label{left:8%;top:12%;font-weight:850;letter-spacing:.17em;font-size:clamp(7px,1.2vh,12px);color:#6340d6}.canvas-title{left:8%;top:25%;font-size:clamp(26px,5.5vh,55px);line-height:.92;letter-spacing:-.055em}.canvas-title span{color:#6340d6}.canvas-copy{left:8%;top:61%;font-size:clamp(7px,1.5vh,14px);line-height:1.5;color:#59667b}.canvas-button{left:8%;top:76%;background:#111a31;color:#fff;padding:10px 15px;font-size:clamp(7px,1.2vh,11px);font-weight:800}.editable-object{cursor:move}.selection-box{position:absolute;z-index:5;left:6.8%;top:23%;width:57%;height:30%;border:1.5px solid #7040e8;pointer-events:none}.handle{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid #7040e8;border-radius:50%}.handle.nw{left:-5px;top:-5px}.handle.ne{right:-5px;top:-5px}.handle.sw{left:-5px;bottom:-5px}.handle.se{right:-5px;bottom:-5px}.page-controls{height:42px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:#69758b}.page-controls button{border:0;background:none;color:#59667c}.properties-panel{background:#fff;border-left:1px solid var(--line);overflow:auto}.property-body{padding:14px}.property-body label{display:block;font-size:10px;font-weight:750;color:#536078;margin-bottom:14px}.property-body textarea,.property-body select,.property-body input[type=number]{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:9px;color:var(--ink);resize:none}.property-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:8px}.format-buttons{display:flex;gap:5px;margin-bottom:14px}.format-buttons button{width:36px;height:34px;border:1px solid var(--line);background:#fff;border-radius:7px}.format-buttons button.active{background:#eee9ff;color:var(--violet);border-color:#cbbaf8}.color-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px;margin-top:6px}.color-field input{width:28px;height:26px;border:0;padding:0}.color-field span{font-size:11px}.property-body output{float:right}.property-body input[type=range]{width:100%;accent-color:var(--violet)}.property-body details{border-top:1px solid var(--line);padding:13px 0}.property-body summary{font-size:11px;font-weight:750;display:flex;justify-content:space-between;cursor:pointer}.effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.effect-grid button,.danger-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px;font-size:10px}.effect-grid button.active{border-color:var(--violet);color:var(--violet)}.danger-actions{display:flex;gap:7px;margin-top:13px}.timeline{grid-column:3/5;background:#fff;border-top:1px solid var(--line);padding:9px 13px;overflow:auto}.timeline-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:7px}.timeline-head div{display:flex;align-items:center;gap:8px;color:var(--muted)}.timeline-head button{border:1px solid var(--line);background:#fff;border-radius:5px}.timeline-track{height:44px;display:grid;grid-template-columns:50px 1fr;gap:8px;align-items:center;border-top:1px solid #eff1f5;font-size:9px;color:#68748a}.track-clip{height:34px;border-radius:6px;padding:5px 9px;display:flex;align-items:center;gap:7px;color:#fff;max-width:65%;overflow:hidden}.track-clip.video{background:#374563}.track-clip.text{background:#7243e9}.track-clip i{width:22px;height:22px;background:linear-gradient(135deg,#1bc599,#6b42ed);border-radius:4px}.track-clip small{margin-left:auto;color:#ffffffba}.mobile-tool-nav{display:none}.cs-dialog{width:min(650px,calc(100% - 30px));border:0;border-radius:21px;padding:0;box-shadow:0 30px 100px #111b3b55}.cs-dialog::backdrop{background:#10182d99;backdrop-filter:blur(3px)}.cs-dialog form{padding:30px;position:relative}.dialog-close{position:absolute;right:20px;top:18px;width:35px;height:35px;border:0;border-radius:50%;background:#f0f2f7;font-size:19px}.cs-dialog h2{font-size:29px;margin:8px 0}.cs-dialog>form>p{color:var(--muted);font-size:13px}.dialog-grid,.export-types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.dialog-grid button,.export-types button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px 10px;text-align:left;color:var(--ink)}.dialog-grid button:hover,.export-types button:hover{border-color:#a98ff6;background:#faf8ff}.dialog-grid i{height:55px;display:grid;place-items:center;margin-bottom:10px;background:#eef1f8}.d-square:after{content:"";width:35px;height:35px;background:#6540dd}.d-story:after{content:"";width:25px;height:44px;background:#6540dd}.d-video:after{content:"▶";width:48px;height:30px;background:#6540dd;color:#fff;display:grid;place-items:center;font-style:normal}.dialog-grid b,.dialog-grid small,.export-types b,.export-types small{display:block}.dialog-grid b,.export-types b{font-size:12px}.dialog-grid small,.export-types small{font-size:9px;color:var(--muted);margin-top:3px}.action-dialog{width:min(560px,calc(100% - 30px))}.action-dialog h3{font-size:12px;margin:22px 0 8px}.use-design{display:grid;gap:7px}.use-design a{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);text-decoration:none;font-size:11px;font-weight:700}.cs-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#121b30;color:#fff;border-radius:10px;padding:11px 16px;z-index:500;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.cs-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.cs-quick-grid{grid-template-columns:repeat(3,1fr)}.cs-format-row{grid-template-columns:repeat(3,1fr)}.cs-template-grid{grid-template-columns:repeat(2,1fr)}.editor-shell{grid-template-columns:68px 240px minmax(320px,1fr)}.properties-panel{display:none}.timeline{grid-column:3}.cs-search{width:min(350px,35vw)}}
@media(max-width:760px){body{background:#fff}.cs-sidebar{transform:translateX(-100%);transition:.25s;width:245px}.cs-app.menu-open .cs-sidebar{transform:none;box-shadow:30px 0 70px #10182d45}.cs-main{margin:0}.cs-topbar{height:66px;padding:0 15px;gap:10px}.cs-menu,.cs-mobile-brand{display:block}.cs-mobile-brand{line-height:1}.cs-mobile-brand b{display:block;font-size:14px}.cs-mobile-brand small{font-size:9px;color:var(--muted)}.cs-search,.cs-help,.cs-dashboard-link{display:none}.cs-topbar .cs-new{margin-left:auto;font-size:0;width:42px;height:42px;padding:0}.cs-topbar .cs-new:first-letter{font-size:21px}.cs-home{padding:18px 15px 80px}.cs-hero{padding:28px 23px;min-height:230px;display:block;border-radius:20px}.cs-hero h1{font-size:32px;max-width:280px}.cs-hero p{font-size:13px;line-height:1.55}.cs-hero .cs-primary{margin-top:20px}.cs-quick-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0 32px}.cs-quick-grid button{padding:15px 12px}.cs-quick-grid span{width:38px;height:38px;margin-bottom:10px}.cs-format-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.cs-format-row button{min-width:145px;scroll-snap-align:start}.format-preview{height:104px}.cs-template-grid{grid-template-columns:1fr 1fr;gap:11px}.template-art{padding:14px}.template-art strong{font-size:21px}.cs-empty{align-items:flex-start}.cs-empty button{display:none}.cs-section h2{font-size:19px}.cs-section-head p{font-size:11px}.editor-topbar{height:58px;padding:0 8px}.project-name{width:120px;font-size:12px}.save-state{display:none}.editor-top-actions button{display:none}.editor-top-actions .cs-primary{display:block;height:38px}.editor-shell{height:calc(100vh - 58px - 66px);display:block}.tool-rail,.tool-panel,.properties-panel,.timeline{display:none}.canvas-area{height:100%}.canvas-toolbar{height:43px}.canvas-stage{padding:16px}.design-canvas{width:min(90vw,calc(100vh - 190px));max-height:calc(100vh - 190px)}.page-controls{height:36px}.mobile-tool-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:66px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);z-index:120;justify-content:space-around}.mobile-tool-nav button{min-width:55px;border:0;background:#fff;color:#657188;font-size:9px;font-weight:700}.mobile-tool-nav span{display:block;color:var(--ink);font-size:19px;margin-bottom:2px}.cs-app.mobile-panel .tool-panel{display:block;position:fixed;left:0;right:0;bottom:66px;height:min(58vh,470px);z-index:115;border:0;border-radius:19px 19px 0 0;box-shadow:0 -20px 60px #14203b2c}.cs-app.mobile-panel:after{content:"";position:fixed;inset:58px 0 66px;background:#10182d55;z-index:110}.cs-app.mobile-panel .tool-panel{z-index:116}.dialog-grid,.export-types{grid-template-columns:1fr 1fr}.cs-dialog form{padding:26px 20px}.cs-dialog h2{font-size:24px}}
@media(max-width:390px){.cs-template-grid{grid-template-columns:1fr}.template-art{aspect-ratio:1.6}.cs-quick-grid b{font-size:13px}.cs-text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.creative-media-object{position:absolute;width:42%;height:auto;max-height:58%;object-fit:contain;z-index:2;box-shadow:0 10px 28px #14203b25}.creative-added-text{position:absolute;z-index:4;font-size:34px;font-weight:850;color:#10182d;line-height:1.05;max-width:70%;padding:4px;white-space:pre-wrap}.editable-object[data-locked=true]{cursor:not-allowed}.creative-layers{padding:14px}.creative-layer{display:grid;grid-template-columns:1fr 32px 32px;gap:5px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:5px;margin-bottom:6px}.creative-layer.active{border-color:#9f85f5;background:#f8f5ff}.creative-layer button{border:0;background:transparent;color:#56627a;font-size:10px;height:30px}.creative-layer [data-layer-select]{font-weight:750;color:var(--ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.layer-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px;font-size:10px;color:var(--ink)}
.mobile-context-actions{display:none}
@media(max-width:760px){.editor-shell{height:calc(100vh - 58px - 112px)}.canvas-stage{padding:12px 16px}.design-canvas{width:min(88vw,calc(100vh - 240px));max-height:calc(100vh - 240px);touch-action:none}.editable-object{touch-action:none;-webkit-user-select:none;user-select:none}.selection-box{border-width:2px}.handle{width:14px;height:14px}.handle.nw{left:-8px;top:-8px}.handle.ne{right:-8px;top:-8px}.handle.sw{left:-8px;bottom:-8px}.handle.se{right:-8px;bottom:-8px}.mobile-context-actions{display:flex;position:fixed;left:0;right:0;bottom:66px;height:46px;background:#fff;border-top:1px solid var(--line);overflow-x:auto;z-index:119;scrollbar-width:none}.mobile-context-actions button{min-width:70px;flex:1;border:0;background:#fff;color:#5f6b82;font-size:8px;font-weight:700}.mobile-context-actions span{display:block;color:var(--ink);font-size:16px}.mobile-tool-nav button{min-height:54px}.cs-app.mobile-panel .mobile-context-actions{display:none}}
.camera-dialog{width:min(520px,100%);height:min(760px,95vh);border:0;border-radius:22px;padding:0;background:#080d18;color:#fff;box-shadow:0 30px 100px #080d1870}.camera-dialog::backdrop{background:#080d18d9}.camera-shell{height:100%;display:flex;flex-direction:column;position:relative}.camera-shell>header{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#0d1423}.camera-shell>header button{width:42px;height:42px;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:22px}.camera-shell>header div{text-align:center}.camera-shell>header b,.camera-shell>header small{display:block}.camera-shell>header b{font-size:15px}.camera-shell>header small{font-size:9px;color:#aeb8ca;margin-top:3px}.camera-view{position:relative;flex:1;min-height:0;background:#03060c;overflow:hidden;display:grid;place-items:center}.camera-view video,.camera-view img{width:100%;height:100%;object-fit:cover}.camera-guide{position:absolute;inset:9%;border:1px solid #ffffff62;border-radius:14px;pointer-events:none}.camera-guide:before,.camera-guide:after{content:"";position:absolute;background:#ffffff38}.camera-guide:before{left:33.33%;top:0;width:1px;height:100%;box-shadow:calc((100% - 1px)*1) 0 #ffffff38}.camera-guide:after{left:0;top:33.33%;height:1px;width:100%;box-shadow:0 calc((100% - 1px)*1) #ffffff38}.record-time{position:absolute;top:17px;left:50%;transform:translateX(-50%);background:#d92155;border-radius:20px;padding:7px 12px;font-weight:800;font-size:12px}.camera-permission{position:absolute;inset:67px 0 0;background:linear-gradient(165deg,#101a31,#090e19);z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.camera-permission[hidden]{display:none}.camera-permission>span{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,#6936eb,#9a4bf5);display:grid;place-items:center;font-size:30px}.camera-permission h2{margin:18px 0 6px}.camera-permission p{color:#aeb8ca;font-size:12px;max-width:280px;line-height:1.5}.camera-permission button{min-width:190px;margin-top:10px}.camera-permission button:not(.cs-primary){border:0;background:transparent;color:#c5b7ff}.camera-controls,.camera-review{height:96px;background:#0d1423;display:flex;align-items:center;justify-content:space-around;padding:10px 22px}.camera-controls[hidden],.camera-review[hidden]{display:none}.camera-controls>button{border:0;background:transparent;color:#fff;min-width:62px}.camera-controls small{display:block;font-size:8px;margin-top:5px;color:#aeb8ca}.camera-controls .capture-button{width:68px;height:68px;border:4px solid #fff;border-radius:50%;padding:5px}.capture-button i{display:block;width:100%;height:100%;border-radius:50%;background:#fff}.camera-dialog.recording .capture-button i{background:#f02d59;border-radius:8px;transform:scale(.56)}.camera-review{gap:12px}.camera-review button{flex:1;height:46px;border:1px solid #ffffff26;border-radius:11px;background:transparent;color:#fff;font-weight:750}.camera-review .cs-primary{border:0;background:linear-gradient(135deg,var(--violet),var(--violet2))}.creative-media-object:is(video){background:#050814}
@media(max-width:560px){.camera-dialog{width:100%;height:100%;max-height:none;border-radius:0;margin:0}.camera-shell>header{padding-top:env(safe-area-inset-top);height:calc(67px + env(safe-area-inset-top))}.camera-controls,.camera-review{padding-bottom:max(10px,env(safe-area-inset-bottom));height:calc(96px + env(safe-area-inset-bottom))}}
.media-tools{padding:14px}.media-tools h3{font-size:11px;margin:8px 0 10px}.filter-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px}.filter-strip button{min-width:58px;border:0;background:transparent;color:#59667d;font-size:9px}.filter-strip i{display:block;width:54px;height:48px;border-radius:8px;margin-bottom:4px;background:linear-gradient(135deg,#ffae72,#6e4add)}.filter-strip button.active i{outline:2px solid var(--violet);outline-offset:2px}.filter-mono{filter:grayscale(1)}.filter-warm{filter:sepia(.6)}.filter-cool{filter:hue-rotate(20deg)}.filter-fade{filter:saturate(.5);opacity:.75}.media-slider{display:block;margin:11px 0;color:#56627a;font-size:10px;font-weight:700}.media-slider span{display:flex;justify-content:space-between}.media-slider input{width:100%;margin-top:7px;accent-color:var(--violet)}.media-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-button-grid button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 7px;color:var(--ink);font-size:9px;font-weight:700}.tool-empty{padding:35px 20px;text-align:center;color:var(--muted)}.tool-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:15px;background:#eee8ff;color:var(--violet);font-size:23px}.tool-empty b{display:block;color:var(--ink);margin-top:13px}.tool-empty p{font-size:11px;line-height:1.5}.video-tool-card{display:flex;align-items:center;gap:10px;border-radius:10px;background:#f2effc;padding:10px}.video-tool-card>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--violet);color:#fff}.video-tool-card b,.video-tool-card small{display:block}.video-tool-card small{font-size:9px;color:var(--muted)}.trim-readout{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px;border-radius:8px;background:#f4f6fa;font-size:10px}.media-select{display:block;font-size:10px;font-weight:700;color:#56627a;margin:12px 0}.media-select select{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid var(--line);border-radius:8px}.timeline-track.dynamic{height:44px}.timeline-clips{display:flex;gap:6px;overflow-x:auto}.timeline-clips .track-clip{border:0;flex:0 0 auto;max-width:none;text-align:left;font-size:8px}.timeline-clips em{font-size:9px;color:#9ba4b5}.creative-media-object:is(video){min-width:160px;min-height:90px}
.creative-audio-object{position:absolute;z-index:4;width:84%;height:34px}.video-tool-card.audio>span,.track-clip.audio{background:#139c79}.creative-caption{position:absolute;z-index:6;max-width:78%;padding:6px 10px;border-radius:5px;background:#111827d9;color:#fff;font-size:24px;font-weight:800;line-height:1.15;text-align:center}.creative-caption.caption-clean{background:transparent;text-shadow:0 2px 5px #000}.creative-caption.caption-highlight{background:#ffe33c;color:#111827}.creative-caption.caption-boxed{background:#111827;color:#fff;border:2px solid #fff}.caption-tools{padding:14px;display:grid;gap:7px}.caption-tools h3{font-size:11px;margin:12px 0 2px}.caption-tools>button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;text-align:left}.caption-tools button b,.caption-tools button small{display:block}.caption-tools button small{font-size:9px;color:var(--muted);margin-top:3px}.caption-tools .caption-primary{background:var(--violet);color:#fff;text-align:center;border:0;font-weight:800}.integration-note{display:flex;gap:9px;padding:11px;border-radius:9px;background:#f2effc}.integration-note>span{color:var(--violet)}.integration-note b,.integration-note small{display:block}.integration-note b{font-size:10px}.integration-note small{font-size:8px;color:var(--muted);margin-top:3px}.page-controls button:disabled{opacity:.3}.mobile-tool-nav{overflow-x:auto;justify-content:flex-start}.mobile-tool-nav button{flex:1 0 58px}
.use-design button{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:11px;font-weight:700;background:#fff;text-align:left}.export-message.error{color:#a52c4c}
.export-settings{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.export-settings label{font-size:10px;font-weight:750;color:#58647b}.export-settings input:not([type=checkbox]),.export-settings select{display:block;width:100%;height:39px;border:1px solid var(--line);border-radius:8px;margin-top:5px;padding:7px 9px}.export-settings .transparent-option{grid-column:1/-1;display:flex;align-items:center;gap:7px}.export-message{font-size:10px;color:#8a5c1b;min-height:15px}.library-dialog{width:min(850px,calc(100% - 24px));max-height:88vh}.library-shell{padding:25px;min-height:480px}.library-shell>header{display:flex;justify-content:space-between;align-items:start}.library-shell h2{margin:5px 0}.library-shell>header button{width:38px;height:38px;border:0;border-radius:50%;font-size:20px}.library-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-top:18px}.library-tabs button{border:0;background:transparent;padding:11px 14px;color:var(--muted);font-weight:750}.library-tabs button.active{color:var(--violet);box-shadow:inset 0 -2px var(--violet)}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.library-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:9px}.library-preview{width:58px;height:58px;border-radius:8px;background:linear-gradient(135deg,#15244c,#7140e6);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.library-preview.asset{background:#eae4ff;color:var(--violet)}.library-card b,.library-card small{display:block}.library-card b{font-size:11px}.library-card small{color:var(--muted);font-size:8px;margin-top:4px}.library-card-actions{display:flex;gap:4px}.library-card-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px;font-size:8px}.library-empty{text-align:center;padding:65px 20px}.library-empty>span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:16px;background:#eee8ff;color:var(--violet);font-size:24px}.library-empty h3{margin:14px 0 5px}.library-empty p{color:var(--muted);font-size:11px}.library-empty button{border:0;border-radius:8px;background:var(--violet);color:#fff;padding:10px 14px;font-weight:750}.ai-tools{padding:14px}.ai-intro{display:flex;gap:9px;padding:13px;border-radius:10px;background:linear-gradient(135deg,#f0ebff,#e8f8ff);margin-bottom:11px}.ai-intro>span{color:var(--violet);font-size:22px}.ai-intro b,.ai-intro small{display:block}.ai-intro small{font-size:8px;color:var(--muted);margin-top:3px}.ai-tools>button{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;margin:6px 0;font-size:10px;font-weight:750}.ai-tools em{font-style:normal;font-size:8px;color:#487a66;background:#e1f7ee;padding:4px 6px;border-radius:10px}.ai-tools em.needs-api{color:#91651b;background:#fff2cf}.ai-tools em.processing{color:#5732b5;background:#eee7ff}.ai-tools em.completed{color:#167052;background:#dcf7ea}.ai-tools em.failed{color:#aa3150;background:#ffe5eb}.ai-privacy{font-size:8px;line-height:1.5;color:var(--muted);padding:8px}
@media(max-width:760px){.library-dialog{width:100%;height:100%;max-height:none;border-radius:0;margin:0}.library-shell{padding:20px 14px}.library-grid{grid-template-columns:1fr}.export-settings{grid-template-columns:1fr}.export-settings .transparent-option{grid-column:1}.export-types{grid-template-columns:1fr 1fr}}
.canvas-title span{color:#20b890;text-shadow:0 1px 0 #ffffff99}