:root{--purple:#6c4cff;--purple-dark:#5a3ee8;--ink:#16151a;--muted:#6f6d78;--line:#e3e2e7;--soft:#f5f5f7;--panel:#fff;--stage:#232227;--radius:10px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#ececf0;font-size:14px}button,input,textarea{font:inherit}button{color:inherit}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sprite symbol,.sprite path,.sprite rect,.sprite circle{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{height:100%;min-height:640px;display:flex;flex-direction:column}.topbar{height:62px;flex:0 0 62px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;z-index:20}.top-left,.top-actions,.top-center{display:flex;align-items:center;gap:8px}.top-actions{justify-self:end}.top-center{justify-self:center}.icon-btn{width:36px;height:36px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#f1f0f4}.icon-btn:disabled{opacity:.32}.icon-btn svg,.soft-btn svg{width:18px;height:18px}.veed-logo{font-size:21px;font-weight:800;letter-spacing:-1.8px;margin:0 8px}.veed-logo span{letter-spacing:-2.8px}.project-name{border:0;background:transparent;font-weight:600;padding:8px;border-radius:7px}.saved-state{color:#77747f;font-size:12px;display:flex;align-items:center;gap:6px}.saved-state i{width:7px;height:7px;border-radius:50%;background:#27b96b}.round-avatar{width:34px;height:34px;border:0;background:#ffdb5a;border-radius:50%;font-weight:700}.soft-btn{height:36px;border:1px solid #d7d5dc;background:#fff;border-radius:8px;padding:0 13px;font-weight:600;display:flex;gap:7px;align-items:center}.export-btn{height:38px;border:0;background:var(--purple);color:#fff;border-radius:8px;padding:0 17px;font-weight:700}.export-btn:hover{background:var(--purple-dark)}.editor{min-height:0;flex:1;display:grid;grid-template-columns:78px 310px minmax(620px,1fr)}.tool-rail{background:#fff;border-right:1px solid var(--line);padding:10px 7px;display:flex;flex-direction:column;gap:3px;z-index:10}.tool{border:0;background:transparent;border-radius:9px;min-height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#585661;font-size:11px;font-weight:500;cursor:pointer}.tool svg{width:21px;height:21px}.tool:hover{background:#f4f3f7}.tool.active{background:#eeeaff;color:#5535e5;font-weight:700}.magic-tool{margin-top:auto}.asset-panel{background:#fff;border-right:1px solid var(--line);min-width:0;overflow:hidden}.panel{height:100%;display:none;overflow-y:auto;padding:20px}.panel.active{display:block}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title h1{font-size:21px;margin:0}.panel-title>button{border:0;background:transparent}.upload-main{width:100%;height:46px;border:0;border-radius:8px;background:var(--purple);color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;gap:9px;cursor:pointer}.upload-main svg{width:18px;height:18px}.import-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 16px}.import-row button,.outline-wide{height:39px;border:1px solid #d7d5dd;border-radius:8px;background:#fff;font-weight:600}.search{height:40px;border:1px solid #dedde2;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:18px}.search svg{width:17px;height:17px;color:#777}.search input{min-width:0;flex:1;border:0;outline:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading button{border:0;background:transparent;color:var(--purple);font-size:12px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-card{border:0;background:transparent;text-align:left;padding:0;min-width:0}.media-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.thumb{height:78px;border-radius:7px;display:block;position:relative;overflow:hidden;border:2px solid transparent}.media-card.selected .thumb{border-color:var(--purple)}.gradient-one{background:linear-gradient(155deg,#f4ac67 0 36%,#7d4eb9 37% 47%,#214e79 48%)}.gradient-one:after{content:"";position:absolute;width:70px;height:30px;border-radius:50%;background:#13374c;bottom:-8px;right:-12px;transform:rotate(-10deg)}.gradient-two{background:radial-gradient(circle at 65% 35%,#ffdcc0 0 9%,transparent 10%),linear-gradient(135deg,#eec99b,#d55c74 45%,#5c254e)}.gradient-three{background:linear-gradient(120deg,#a6cff7,#668ace 45%,#22365f)}.thumb em{position:absolute;right:5px;bottom:5px;font-size:9px;color:#fff;background:#000a;padding:2px 4px;border-radius:3px;font-style:normal}.play-dot{position:absolute;left:8px;bottom:6px;color:#fff;font-size:9px}.drop-zone{margin-top:18px;height:70px;border:1px dashed #c8c6ce;border-radius:8px;color:#8a8792;display:grid;place-items:center;font-size:12px}.drop-zone.drag{border-color:var(--purple);background:#f2efff;color:var(--purple)}.tab-row{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.tab-row button{border:0;background:transparent;padding:9px 12px}.tab-row button.active{color:var(--purple);border-bottom:2px solid var(--purple)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:#8a8792;margin:18px 0 10px}.audio-list{display:flex;flex-direction:column;gap:6px}.audio-item{border:0;background:#fff;padding:9px;border-radius:8px;display:grid;grid-template-columns:34px 1fr 22px;text-align:left;align-items:center}.audio-item:hover{background:#f4f2f8}.audio-item i{width:32px;height:32px;border-radius:6px;background:#eeeaff;color:var(--purple);display:grid;place-items:center;font-style:normal}.audio-item span{display:flex;flex-direction:column}.audio-item small{font-size:11px;color:var(--muted);margin-top:3px}.audio-item strong{color:var(--purple);font-size:18px}.purple-card{background:linear-gradient(145deg,#eee9ff,#f7f5ff);border:1px solid #dbd2ff;border-radius:12px;padding:18px;text-align:center}.purple-card>span{width:40px;height:40px;display:grid;place-items:center;margin:auto;background:var(--purple);color:#fff;border-radius:10px;font-weight:800}.purple-card h2{font-size:17px;margin:12px 0 6px}.purple-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px}.purple-card button{border:0;background:var(--purple);color:#fff;border-radius:7px;padding:10px 15px;font-weight:700}.outline-wide{width:100%;margin-top:10px}.subtitle-editor{margin-top:18px}.subtitle-editor textarea{width:100%;height:80px;border:1px solid var(--line);border-radius:8px;padding:10px;resize:none}.style-row{display:flex;gap:6px;margin-top:8px}.style-row button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 9px;font-size:12px}.style-row button.active{border-color:var(--purple);color:var(--purple)}.add-heading,.add-subheading,.add-body{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:13px}.add-heading{font-size:22px;font-weight:700}.add-subheading{font-size:17px;font-weight:600}.add-body{font-size:14px}.text-presets{display:grid;grid-template-columns:1fr 1fr;gap:9px}.text-presets button{height:90px;border:1px solid var(--line);border-radius:8px;background:#f7f7f9;font-size:14px;overflow:hidden}.preset-bold{color:#fff;background:#121216!important}.preset-bold b{color:#f5e52c}.preset-script{font-family:Georgia,serif;color:#ed4e72}.preset-outline{font-size:20px!important;font-weight:800;color:#fff;text-shadow:-1px -1px 0 #17171a,1px -1px 0 #17171a,-1px 1px 0 #17171a,1px 1px 0 #17171a}.preset-pill{background:#e2fc53!important;font-weight:800}.shape-grid,.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shape-grid button,.sticker-grid button{height:55px;border:1px solid var(--line);background:#f8f8fa;border-radius:8px;display:grid;place-items:center}.shape-grid i{display:block}.circle{width:25px;height:25px;background:#7456ff;border-radius:50%}.square{width:25px;height:25px;background:#ff6c6c}.triangle{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:26px solid #ffc94d}.star{font-size:30px;color:#41bca1;font-style:normal}.sticker-grid button{font-size:23px}.progress-element{width:100%;height:38px;border:1px solid var(--line);background:#f7f7f9;border-radius:7px;padding:8px}.progress-element i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--purple) 68%,#ddd 68%)}.record-options{display:grid;gap:10px}.record-options button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;display:grid;grid-template-columns:42px 1fr;text-align:left}.record-options button>span{grid-row:1/3;width:34px;height:34px;border-radius:8px;background:#eeeaff;color:var(--purple);display:grid;place-items:center}.record-options small{color:var(--muted);margin-top:3px}.new-badge{font-size:9px;background:#e7ff61;padding:4px 6px;border-radius:4px;font-weight:800}.ai-list{display:grid;gap:7px}.ai-list button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px;display:flex;gap:11px;text-align:left}.ai-list button:hover{border-color:#b8aaff;background:#faf9ff}.ai-list i{width:36px;height:36px;background:#f0edff;color:var(--purple);border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:700}.ai-list span{display:flex;flex-direction:column}.ai-list small{color:var(--muted);font-size:11px;margin-top:4px}.work-area{min-width:0;min-height:0;display:grid;grid-template-rows:47px minmax(200px,1fr) 47px 235px;background:#f4f4f6}.canvas-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #dedde2;background:#f8f8f9;position:relative}.toolbar-pill,.toolbar-group button,.toolbar-dots{height:30px;border:1px solid #d8d7dd;background:#fff;padding:0 11px;border-radius:7px;font-size:12px}.toolbar-group{display:flex}.toolbar-group button{border-radius:0;border-right:0}.toolbar-group button:first-child{border-radius:7px 0 0 7px}.toolbar-group button:last-child{border-radius:0 7px 7px 0;border-right:1px solid #d8d7dd}.toolbar-dots{padding:0 12px}.stage-wrap{min-height:0;display:grid;place-items:center;padding:18px;background:#e8e8eb;overflow:hidden}.stage{height:min(100%,430px);aspect-ratio:16/9;background:#111;position:relative;overflow:hidden;box-shadow:0 4px 18px #0003;transform:scale(var(--stage-scale,1));transition:aspect-ratio .25s,transform .18s}.demo-scene{position:absolute;inset:0;background:linear-gradient(180deg,#ffbf80 0 41%,#a45f98 42% 52%,#226c8b 53%);overflow:hidden}.sun{position:absolute;width:15%;aspect-ratio:1;border-radius:50%;background:#fff4be;left:14%;top:17%;box-shadow:0 0 35px #fff1b9}.sea{position:absolute;inset:53% 0 0;background:repeating-linear-gradient(176deg,#2e718a 0 8px,#20566d 9px 13px)}.island{position:absolute;background:#173d42;border-radius:55% 60% 0 0;bottom:30%;height:13%;width:35%}.island.one{left:-8%}.island.two{right:-12%;height:18%;width:47%}.scene-copy{position:absolute;color:white;right:9%;top:21%;text-align:right;text-shadow:0 2px 8px #0005}.scene-copy small{display:block;letter-spacing:.21em;font-weight:700;font-size:clamp(7px,1vw,14px);margin-bottom:8px}.scene-copy strong{font-size:clamp(22px,4.1vw,58px);line-height:.89;letter-spacing:-.05em}.scene-copy em{color:#f9ed6a;font-style:normal}.stage video,.stage>img{width:100%;height:100%;object-fit:contain;background:#000}.canvas-layers{position:absolute;inset:0;pointer-events:none}.canvas-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(16px,2.7vw,38px);font-weight:800;text-shadow:0 2px 4px #0008;cursor:move;pointer-events:auto;border:1px dashed transparent;padding:5px 9px;white-space:nowrap}.canvas-item.selected{border-color:#fff}.canvas-shape{width:70px;height:70px;background:var(--purple);border-radius:50%;opacity:.9}.canvas-shape.square{border-radius:4px;background:#ff6c6c}.canvas-shape.triangle{width:0;height:0;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:68px solid #ffc94d;background:none}.canvas-sticker{font-size:52px;text-shadow:none}.canvas-progress{left:50%;top:92%;width:78%;height:9px;background:#fff6;border-radius:6px;padding:0;border:0}.canvas-progress:after{content:"";display:block;width:68%;height:100%;background:var(--purple);border-radius:6px}.subtitle-overlay{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);color:#fff;font-size:clamp(14px,2vw,29px);font-weight:800;text-shadow:0 2px 6px #000;white-space:nowrap;padding:4px 9px;display:none}.subtitle-overlay.boxed{display:block;background:#0b0b0dde;text-shadow:none}.subtitle-overlay.pop{display:block;color:#e9ff50;text-transform:uppercase;transform:translateX(-50%) rotate(-2deg)}.subtitle-overlay.minimal{display:block}.player-bar{border-top:1px solid #d9d8dd;border-bottom:1px solid #d9d8dd;background:#fafafa;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px}.small-player,.zoom-control button{border:0;background:transparent;width:30px;height:30px}.small-player svg,.zoom-control svg{width:17px;height:17px}.player-center{display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums;font-size:11px}.play-main{width:34px;height:34px;border:0;border-radius:50%;background:#1d1c22;color:#fff;display:grid;place-items:center}.play-main svg{width:16px;height:16px}.zoom-control{justify-self:end;display:flex;align-items:center;gap:2px;font-size:11px}.zoom-control span{width:42px;text-align:center}.timeline{background:#fff;min-height:0;overflow:hidden}.timeline-toolbar{height:45px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 14px}.timeline-toolbar>div{display:flex;align-items:center;gap:3px}.timeline-toolbar button{height:30px;border:0;background:transparent;border-radius:6px;padding:0 9px;display:flex;align-items:center;gap:6px;font-size:12px}.timeline-toolbar button:hover{background:#f0eff3}.timeline-toolbar svg{width:16px;height:16px}.timeline-zoom input{width:70px}.ruler{height:25px;margin-left:126px;padding:5px 10px 0;display:flex;justify-content:space-between;color:#8b8992;font-size:9px;border-left:1px solid var(--line)}.tracks{position:relative;height:155px;overflow:auto}.track-row{height:51px;display:grid;grid-template-columns:126px 1fr;border-top:1px solid #eeedf0}.track-label{border:0;border-right:1px solid var(--line);background:#fafafa;display:flex;align-items:center;gap:8px;padding:0 10px;text-align:left}.track-label span{width:32px;height:30px;border-radius:4px;background:#292b35;color:#fff;display:grid;place-items:center;font-weight:700}.track-label small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-thumb{background:linear-gradient(135deg,#eca66c,#276786)!important}.clip,.text-clip,.audio-clip{align-self:center;height:40px;border-radius:5px;margin:0 12px;position:relative;overflow:hidden;padding:0 12px;display:flex;align-items:center;font-size:11px}.clip{background:#bbb0f8;border:2px solid transparent}.clip.selected{border-color:var(--purple)}.frames{position:absolute;inset:0;opacity:.42;background:repeating-linear-gradient(90deg,#f6be86 0 45px,#315d86 46px 89px)}.clip b,.text-clip b,.audio-clip b{position:relative;background:#0008;color:#fff;padding:3px 6px;border-radius:3px}.handle{position:absolute;top:0;width:6px;height:100%;background:#fff}.handle.left{left:0}.handle.right{right:0}.text-clip{background:#3d3948;width:45%}.audio-clip{background:#d8f6e3;width:70%;border:1px solid #7ec99b}.audio-clip>i{position:absolute;inset:5px;background:repeating-linear-gradient(90deg,transparent 0 3px,#38a76c 4px 5px);opacity:.65}.audio-clip b{background:#fff;color:#287d51}.playhead{position:absolute;left:126px;top:0;bottom:0;width:1px;background:#f33b65;z-index:5;pointer-events:none}.playhead i{position:absolute;top:0;left:-5px;width:11px;height:11px;background:#f33b65;border-radius:5px 5px 50% 50%}.popover{position:fixed;z-index:40;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px #0002;padding:10px;width:220px}.format-popover{top:103px;left:50%;transform:translateX(-50%)}.format-popover b{display:block;padding:7px}.format-popover button{width:100%;border:0;background:#fff;padding:10px;border-radius:7px;display:flex;justify-content:space-between}.format-popover button:hover{background:#f3f1fa}.format-popover span{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#15131a99;z-index:80;display:grid;place-items:center}.modal{width:min(460px,92vw);background:#fff;border-radius:14px;padding:28px;position:relative;box-shadow:0 24px 70px #0004}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:25px}.modal h2{margin:0 0 8px}.modal p{color:var(--muted);line-height:1.5}.modal input{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.modal .primary{width:100%;height:42px;border:0;border-radius:8px;background:var(--purple);color:#fff;font-weight:700;margin-top:12px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.export-options button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.export-options button.active{border-color:var(--purple);background:#f2efff;color:var(--purple)}.export-progress{height:9px;background:#e8e6ec;border-radius:6px;overflow:hidden;margin:18px 0}.export-progress i{display:block;height:100%;width:0;background:var(--purple);transition:width .3s}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,25px);opacity:0;background:#1f1e24;color:#fff;border-radius:8px;padding:10px 15px;font-weight:600;transition:.25s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}.hidden{display:none!important}@media(max-width:1050px){.editor{grid-template-columns:68px 265px minmax(480px,1fr)}.asset-panel{font-size:13px}.tool{min-height:57px}.stage{max-width:92%}.soft-btn{font-size:0;padding:0 9px}.soft-btn svg{margin:0}.saved-state{display:none}}@media(max-width:760px){html,body{overflow:auto}.app{min-width:0;height:auto;min-height:100vh}.topbar{grid-template-columns:1fr auto;height:56px;position:sticky;top:0}.top-center,.round-avatar,.soft-btn{display:none}.project-name{max-width:130px;overflow:hidden;white-space:nowrap}.editor{display:flex;flex-direction:column}.tool-rail{height:69px;display:flex;flex-direction:row;overflow-x:auto;order:2;position:sticky;top:56px;border-bottom:1px solid var(--line)}.tool{min-width:66px;min-height:50px}.magic-tool{margin:0}.asset-panel{height:230px;order:3;border-right:0;border-bottom:1px solid var(--line)}.panel{padding:14px}.work-area{order:1;display:grid;grid-template-rows:43px 330px 44px 240px}.stage-wrap{padding:12px}.stage{width:92%;height:auto;max-height:300px}.timeline{overflow:auto}.timeline-toolbar,.ruler,.tracks{min-width:720px}.canvas-toolbar{justify-content:flex-start;padding-left:12px;overflow-x:auto}.top-actions{grid-column:2}.media-grid{grid-template-columns:repeat(3,1fr)}.thumb{height:65px}}