:root{--ink:#161720;--muted:#6f7180;--line:#e9e9ee;--violet:#6657ee;--canvas:#f6f6f8}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:Manrope,Arial,sans-serif;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:236px;padding:25px 15px 16px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:9px;padding:0 10px;font-size:19px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#7358eb,#d761b7);border-radius:8px;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.new-btn{background:var(--ink);color:#fff;text-align:left;border:0;border-radius:9px;margin:30px 3px 25px;padding:12px 14px;font:600 13px inherit}.new-btn span{margin-right:8px;font-size:18px}.nav-label{letter-spacing:1px;color:#a1a2ac;margin:15px 11px 7px;font:500 10px DM Mono}.nav-label.space{margin-top:30px}.nav-item{color:#555764;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px 11px;font:600 13px inherit;display:flex}.nav-item:hover,.nav-item.active{color:#5445d7;background:#f1f0ff}.ico{text-align:center;width:16px;font-size:16px}.upgrade{background:#faf9ff;border:1px solid #e8e4ff;border-radius:11px;grid-template-columns:20px 1fr;gap:8px;margin-top:auto;padding:12px;display:grid}.upgrade .spark{color:#725dec}.upgrade b,.profile b{font-size:11px;display:block}.upgrade small,.profile small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.upgrade button{color:#5a49dc;text-align:left;background:0 0;border:0;grid-column:2;padding:7px 0 0;font:700 11px inherit}.profile{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:16px;padding:16px 5px 0;display:flex}.profile>span{color:#7d7f89;margin-left:auto}.avatar{color:#714427;background:#f3c39a;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-weight:800;display:grid}.workspace{background:#fff;flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:66px;padding:0 31px;display:flex}.crumb{color:#8a8b95;font-size:11px}.crumb span:first-child{color:#353640;font-size:12px;font-weight:700}.tiny-dot{padding:0 8px}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn,.top-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;height:30px;padding:0 10px;font:600 12px inherit}.icon-btn{color:#777986;font-size:16px!important}.divider{border-left:1px solid var(--line);height:22px;margin:0 4px}.top-actions .share{border-color:#dcdce3}.top-actions .export{background:var(--ink);border-color:var(--ink);color:#fff;padding:0 13px}.studio-head{justify-content:space-between;align-items:center;height:125px;padding:25px 38px 18px;display:flex}.eyebrow{letter-spacing:1.3px;color:#7163e6;margin:0 0 7px;font:500 10px DM Mono}.studio-head h1{letter-spacing:-1.2px;margin:0;font-size:25px}.format-chip{border:1px solid var(--line);color:#696a75;border-radius:8px;padding:9px 12px;font-size:11px}.format-chip b{color:#a0a1a8;margin-top:2px;font:500 10px DM Mono;display:block}.editor-grid{border-top:1px solid var(--line);grid-template-columns:66px minmax(480px,1fr) 295px;height:calc(100vh - 191px);min-height:550px;display:grid}.tool-panel{border-right:1px solid var(--line);background:#fff;padding-top:14px}.tool{color:#777983;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:62px;font:500 10px inherit;display:flex}.tool span{color:#666873;font-size:18px}.tool.active{color:#5b4cdd;background:#f6f5ff}.tool.active span{color:#5b4cdd}.canvas-zone{background:var(--canvas);flex-direction:column;min-width:0;display:flex;position:relative}.canvas-top{color:#8c8d96;justify-content:space-between;align-items:center;height:46px;padding:0 18px;display:flex}.canvas-top button{color:#747681;background:0 0;border:0;font-size:16px}.zoom{background:#fff;border:1px solid #e7e7ed;border-radius:7px;align-items:center;gap:10px;padding:3px 5px;font:500 10px DM Mono;display:flex}.canvas-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex}.artboard{aspect-ratio:1;background:#1d30b4;width:min(49vh,480px);transition:all .35s;position:relative;overflow:hidden;box-shadow:0 17px 30px #1c205230}.artboard.hidden{display:none}.art-noise,.film-grain{opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-one{background:#f7d95c;border-radius:45% 55% 47% 53%;width:58%;height:58%;top:-12%;right:-10%}.orb-two{background:#ff7c6a;border-radius:70% 30% 55% 45%;width:35%;height:35%;bottom:4%;right:4%}.orb-three{background:#a3d6cb;width:29%;height:29%;bottom:13%;left:-5%}.poster-content{z-index:2;color:#f7f1e0;flex-direction:column;justify-content:space-between;padding:12% 10%;display:flex;position:absolute;inset:0}.poster-content p{letter-spacing:-.085em;margin:0;font-size:clamp(36px,5vw,69px);font-weight:800;line-height:.85}.poster-content i,.video-copy i{font-family:Georgia,serif;font-weight:400}.poster-content span{letter-spacing:1px;font:500 9px DM Mono}.selection{z-index:3;border:1px solid #fff;width:83%;height:43%;position:absolute;top:10%;left:9%}.handle{background:#fff;border:1px solid #4d41c4;width:7px;height:7px;position:absolute}.h1{top:-4px;left:-4px}.h2{top:-4px;right:-4px}.h3{bottom:-4px;left:-4px}.h4{bottom:-4px;right:-4px}.generating{filter:hue-rotate(35deg)saturate(1.4);transform:scale(.985)}.video-stage{background:#20237c;width:min(29vh,300px);height:min(51vh,530px);display:none;position:relative;overflow:hidden;box-shadow:0 17px 30px #1c205230}.video-stage.visible{display:block}.video-frame{background:linear-gradient(158deg,#f58950 0%,#e54b84 30%,#253092 62%,#14184c 100%);position:absolute;inset:0}.video-frame:before{content:"";opacity:.8;background:#f4e2bd;width:145%;height:48%;position:absolute;top:23%;left:-25%;transform:rotate(-22deg)}.video-copy{z-index:2;color:#fff;flex-direction:column;padding:9% 10%;display:flex;position:absolute;inset:0}.video-copy span,.video-copy p{letter-spacing:1.1px;margin:0;font:500 9px DM Mono}.video-copy h2{letter-spacing:-.1em;margin:auto 0 13px;font-size:clamp(38px,5vw,62px);line-height:.84}.play-big{z-index:3;color:#282a4c;background:#ffffffd9;border-radius:50%;place-items:center;width:48px;height:48px;padding-left:3px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline{border-top:1px solid var(--line);background:#fff;height:171px;padding:8px 14px 0;display:none}.timeline.visible{display:block}.timeline-head{color:#a2a3aa;justify-content:space-between;padding:0 6px 7px 102px;font:500 9px DM Mono;display:flex}.tracks{grid-template-rows:28px 28px 28px;grid-template-columns:64px 1fr;gap:1px;height:86px;display:grid;position:relative}.track-label{color:#8a8c95;background:#fafafb;padding:8px;font-size:10px}.clip{color:#fff;border-radius:4px;padding:8px;font:500 9px DM Mono;overflow:hidden}.main-clip{background:#7671ed}.audio-clip{background:#ef936a}.text-clip{background:#76ada7}.playhead{z-index:2;border-left:1px solid #e34865;height:98px;position:absolute;top:-6px;left:126px}.playhead:before{content:"";background:#e34865;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-4px}.transport{align-items:center;gap:10px;height:52px;display:flex}.transport button{color:#646671;background:0 0;border:0;font-size:14px}.transport span:first-of-type{color:#888994;font:500 10px DM Mono}.transport span:nth-of-type(2){flex:1}.properties{border-left:1px solid var(--line);background:#fff;padding:17px 16px;overflow:auto}.property-heading{justify-content:space-between;align-items:center;margin:0 0 17px;font-weight:800;display:flex}.property-heading button{color:#878893;background:0 0;border:0;font-size:19px}.prompt-card{background:#fbfaff;border:1px solid #dbd8ff;border-radius:10px;margin-bottom:16px;padding:11px}.prompt-card label{letter-spacing:.5px;color:#7770bd;margin-bottom:9px;font:500 9px DM Mono;display:block}.prompt-card textarea{resize:none;color:#353540;background:0 0;border:0;outline:0;width:100%;height:105px;font:500 11px/1.55 Manrope}.prompt-actions{border-top:1px solid #eceaff;align-items:center;gap:6px;padding-top:9px;display:flex}.prompt-actions button{background:0 0;border:0;font:600 10px inherit}.prompt-actions .magic{color:#6758e6}.prompt-actions span{color:#a1a0b5;margin-left:auto;font:10px DM Mono}.prompt-actions .generate{color:#fff;background:#6555e8;border-radius:6px;padding:7px 9px}.generate b{margin-left:4px;font-size:14px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 1px;display:flex}.setting-row b{font-size:11px;display:block}.setting-row small{color:#858690;margin-top:2px;font-size:10px;display:block}.select-btn{color:#6253d8;background:0 0;border:0;font:600 10px inherit}.switch{background:#d5d4db;border-radius:12px;width:33px;height:19px;padding:2px}.switch i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.switch.on{background:#6a5bea}.switch.on i{transform:translate(14px)}.layers{padding-top:18px}.layers-title{justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.layers-title button{color:#6253d8;background:0 0;border:0;font-size:16px}.layer{text-align:left;width:100%;font:inherit;background:#fff;border:0;border-radius:7px;align-items:center;gap:8px;padding:7px;display:flex}.layer.selected{background:#f2f1ff}.thumb{border-radius:4px;flex-shrink:0;width:29px;height:29px}.poster-thumb{background:linear-gradient(135deg,#2532b4 55%,#f4d75c 56%)}.text-thumb{color:#f7f1e0;background:#1d30b4;place-items:center;font-family:Georgia;font-weight:700;display:grid}.texture-thumb{background:repeating-linear-gradient(45deg,#dad9d0,#dad9d0 2px,#a7a69e 3px 4px)}.layer b{font-size:10px;display:block}.layer small{color:#858690;margin-top:2px;font-size:9px;display:block}.layer em{color:#898a93;letter-spacing:1px;margin-left:auto;font-style:normal}.toast{color:#fff;opacity:0;pointer-events:none;z-index:10;background:#1f2028;border-radius:10px;align-items:center;gap:10px;min-width:270px;padding:12px 16px;transition:all .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);box-shadow:0 15px 34px #1112}.toast.show{opacity:1;transform:translate(-50%)}.toast>span{color:#e3daff;font-size:18px}.toast b{font-size:11px;display:block}.toast small{color:#bcbec9;margin-top:2px;font-size:10px;display:block}@media (width<=900px){.sidebar{width:62px;padding:20px 7px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-label,.nav-item:not(.active){font-size:0}.brand-mark{width:29px}.new-btn{margin:26px 3px;padding:10px;font-size:0}.new-btn span{margin:0;font-size:20px}.nav-item{justify-content:center;padding:11px}.nav-item .ico{font-size:17px}.upgrade,.profile>div:not(.avatar),.profile>span{display:none}.profile{justify-content:center}.editor-grid{grid-template-columns:55px minmax(380px,1fr) 270px}.studio-head{padding-left:24px}}@media (width<=700px){.properties{display:none}.editor-grid{grid-template-columns:55px 1fr}.studio-head h1{font-size:20px}.format-chip{display:none}.topbar{padding:0 16px}.top-actions .icon-btn,.share{display:none!important}}.art-noise.off{display:none}.command-help{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;padding:5px 0 14px;display:flex}.command-help b{width:100%;margin-bottom:2px;font-size:10px}.command-help button{color:#5e52ca;cursor:pointer;background:#faf9ff;border:1px solid #e4e2f8;border-radius:99px;padding:5px 7px;font:500 9px Manrope}.layer em{cursor:pointer;font-size:16px;line-height:1}