:root{--ink:#14243c;--secondary:#617089;--blue:#1979ff;--darkblue:#0756be;--lightblue:#edf5ff;--bg:#f7faff;--line:#e3eaf3;--white:#fff;--shadow:0 16px 42px #172e4b0c;--r:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}:focus-visible{outline:3px solid #448fff;outline-offset:3px}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px;top:5px;background:#fff;padding:14px;z-index:9}.skip:focus{left:12px}.wrap{width:min(1480px,calc(100% - 64px));margin:0 auto}[hidden]{display:none!important}.topbar{background:#fff;border-bottom:1px solid var(--line)}.top-inner{display:flex;align-items:center;gap:25px;height:76px}.brand{display:inline-flex;align-items:center;gap:2px;font-size:20px;font-weight:800;letter-spacing:-.9px;white-space:nowrap}.brandmark{display:inline-grid;place-items:center;width:31px;height:31px;background:#2c92ff;color:#fff;border-radius:10px;font-size:22px;margin-right:9px;box-shadow:0 3px 8px #2785eb24}.brand-blue{color:var(--blue)}.topbar nav{display:flex;gap:24px;margin-left:60px}.topbar nav a{font-size:13px;color:#5c6b7e;font-weight:600}.topbar nav a:hover{color:var(--blue)}.private{margin-left:auto;color:#3b8966;background:#eefaf4;border:1px solid #dcefe4;border-radius:30px;padding:7px 11px;font-size:12px;font-weight:700}.private span{color:#40b67a}.hero{text-align:center;padding:52px 12px 35px}.eyebrow,.micro{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#6586ab}.edot{display:inline-block;width:7px;height:7px;background:#2e94ff;border-radius:100%;margin-right:7px}.flag{letter-spacing:.7px;color:var(--blue);background:#eaf4ff;border-radius:20px;font-size:9px;padding:6px 10px;margin-left:8px}.hero h1{font-size:clamp(36px,5vw,61px);line-height:1.06;letter-spacing:-2.5px;margin:18px auto 15px;font-weight:780}.hero h1 span{color:var(--blue)}.hero>p:not(.eyebrow){font-size:15px;color:var(--secondary);max-width:730px;margin:0 auto 19px}.hero-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hero-pills span{border-radius:30px;padding:6px 13px;background:#fff;color:#5a7698;font-size:11px;border:1px solid #e6edf7;font-weight:600}.workspace{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px;margin-bottom:65px;min-width:0}.workspace-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:3px 2px 20px}.workspace-title .micro{margin:0 0 4px}.workspace-title h2{font-size:23px;letter-spacing:-.8px;line-height:1.2;margin:0 0 4px}.version{font-size:10px;color:var(--blue);background:#eaf4ff;border-radius:8px;padding:4px 7px;letter-spacing:.4px;vertical-align:middle}.subtitle{color:var(--secondary);font-size:12px;margin:0}.head-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--line);background:#fff;color:#40516b;font-weight:700;border-radius:10px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .14s,border-color .14s;white-space:nowrap;font-size:12px;line-height:1.3}.btn:hover:not(:disabled){background:#f1f6fc;border-color:#ccd9e8}.btn.primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 5px 12px #2b7fee2a}.btn.primary:hover:not(:disabled){background:var(--darkblue)}.btn.subtle{background:#f8faff}.btn.light{background:#fff}.btn.tiny{font-size:11px;padding:7px 10px}.btn.big{padding:13px 18px;font-size:13px}.btn.wide{width:100%;margin-top:7px}.btn.danger{color:#ae3043}.welcome{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.drop{padding:54px 30px;background:linear-gradient(135deg,#f4f9ff,#fff);border:2px dashed #bbd6f6;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;min-height:300px}.drop.over{background:#e9f3ff;border-color:var(--blue)}.drop-icon{display:grid;place-items:center;width:56px;height:56px;font-size:29px;background:#e6f1ff;color:#2785f8;border-radius:16px}.drop h3{font-size:23px;letter-spacing:-.5px;margin:13px 0 3px}.drop p{max-width:455px;color:var(--secondary);margin:0 0 19px}.welcome-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.drop small{color:#708199;font-size:11px;margin-top:17px}.welcome-info{border:1px solid var(--line);border-radius:20px;padding:29px;display:flex;flex-direction:column;justify-content:center;gap:19px;background:#fcfdff}.welcome-info strong{font-size:19px}.welcome-info div{display:flex;gap:12px;color:var(--secondary);font-size:13px}.welcome-info span{color:#2581ef;font-weight:850}.editor-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 17px;border-top:1px solid var(--line);gap:12px}.media-label{display:flex;align-items:center;gap:10px;min-width:0}.media-label strong{font-size:13px;display:block;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-label p{margin:0;font-size:10px;color:var(--secondary)}.media-icon{background:#edf5ff;color:var(--blue);padding:10px 13px;border-radius:11px;font-size:20px}.editor-head-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.save-indicator{font-size:11px;color:#b67c35;font-weight:650;margin-right:6px}.editor-grid{display:grid;grid-template-columns:minmax(228px,250px) minmax(0,1fr) minmax(244px,270px);gap:12px;align-items:start}.panel,.preview-panel{border:1px solid var(--line);border-radius:15px;background:#fff;min-width:0;overflow:hidden}.panel{padding:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head .micro{margin:0 0 3px}.panel h3{margin:0;font-size:17px;letter-spacing:-.5px}.hint{border:1px solid #cde0f8;background:#f3f8ff;color:#2481ed;border-radius:50%;font-weight:800;width:25px;height:25px}.labelhead{font-size:10px;letter-spacing:1.1px;font-weight:850;color:#8191a5;margin:13px 0 11px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tool{border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;color:#526278;font-size:11px;font-weight:700}.tool span{font-size:20px;line-height:1.1;color:#536d92}.tool.active{border-color:#86baff;background:#ecf5ff;color:#126ac9}.tool.active span{color:#1979ff}.tool-help{font-size:11px;line-height:1.5;color:#8190a4;min-height:48px;margin:11px 0}.polygon-actions{display:flex;gap:5px;margin-bottom:12px}.divider{height:1px;background:var(--line);margin:18px 0}.row-title{display:flex;justify-content:space-between;align-items:center;gap:6px}.row-title h4{margin:0;font-size:13px}.count{font-size:10px;background:#f1f5fa;color:#67809c;padding:3px 7px;border-radius:9px}.small-link{border:0;background:0 0;color:var(--blue);font-size:11px;font-weight:700;padding:5px}.layer-list{display:flex;flex-direction:column;gap:6px;max-height:266px;overflow:auto;margin-top:13px}.layer-empty{font-size:11px;color:#8290a3;text-align:center;border:1px dashed #d5e2f0;padding:22px 12px;border-radius:9px}.layer-row{width:100%;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;text-align:left;background:#fff;padding:9px;color:var(--ink)}.layer-row.active{border-color:#83baff;background:#eef6ff}.layer-glyph{display:grid;place-items:center;min-width:32px;height:32px;border-radius:9px;background:#ecf2fb;color:#207ae2;font-size:16px}.layer-glyph.sub{background:#fff1ef;color:#c96860}.layer-description{display:block;min-width:0;flex:1}.layer-description strong{font-size:11px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-description small{display:block;color:#8b99ac;font-size:10px}.layer-actions{display:flex;gap:5px;margin-top:9px}.layer-actions .btn{flex:1;min-width:0;padding:7px 5px}.field{display:flex;flex-direction:column;gap:5px;color:#687c98;font-weight:700;font-size:11px;margin-bottom:11px}.field input:not([type=checkbox]),.field select,.fps-label select{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px;color:var(--ink);background:#fff;min-width:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-field{display:block;margin:12px 0;color:#718198;font-weight:700;font-size:11px}.range-field span{display:flex;justify-content:space-between}.range-field output{color:var(--blue)}.range-field input{width:100%;accent-color:var(--blue);margin:8px 0 0}.check{display:inline-flex;align-items:center;gap:7px;color:#728298;font-size:11px;font-weight:650}.check input{accent-color:var(--blue)}.preview-panel{background:#f9fbfe}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:11px 13px}.preview-modes{display:inline-flex;background:#eef3f9;border-radius:8px;padding:3px;gap:3px}.view-btn{background:0 0;border:0;border-radius:6px;font-weight:700;color:#7c8a9a;padding:6px 11px;font-size:11px}.view-btn.active{color:#236fcb;background:#fff;box-shadow:0 1px 3px #19385616}.stage-wrap{padding:4px 12px 0}.stage{border-radius:10px;background:#242e3e;position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.stage canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.corner-chip{position:absolute;top:11px;left:12px;color:#fff;background:#1c304d9e;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:700;pointer-events:none;letter-spacing:1px}.preview-foot{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#8693a5;padding:7px 14px 10px}.transport{display:flex;align-items:center;gap:8px;padding:12px 11px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.round-btn{border:1px solid #dce5f0;background:#fff;border-radius:50%;color:#516b91;font-weight:800;min-width:28px;height:28px;font-size:18px;display:grid;place-items:center;padding:0}.round-btn.main-play{color:#fff;background:#2387f7;border-color:#2387f7}.time{font-variant-numeric:tabular-nums;color:#58677f;font-size:10px;font-weight:700;white-space:nowrap}#timeline{flex:1;min-width:30px;accent-color:var(--blue)}.fps-label{display:flex;align-items:center;gap:4px;color:#8392a6;font-size:10px;font-weight:700;white-space:nowrap}.fps-label select{width:auto;padding:5px;font-size:10px}.timeline-info{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:13px 14px 6px}.timeline-info strong{display:block;font-size:12px}.timeline-info span{color:#8b9aaf;font-size:10px}.key-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.key-track{height:20px;margin:5px 16px 14px;border-radius:8px;background:linear-gradient(#e7edf7,#e7edf7) center/100% 5px no-repeat;position:relative}.key-dot{position:absolute;top:1px;transform:translateX(-50%);border:2px solid #fff;background:#3d86f3;width:15px;height:15px;border-radius:50%;padding:0;box-shadow:0 0 0 1px #a9c4e7}.key-dot.current{background:#153f8e;box-shadow:0 0 0 2px #5ab0ff}.preview-note{font-size:10px;color:#8291a5;padding:0 14px 15px;margin:0;line-height:1.5}.export-mini{background:linear-gradient(120deg,#f2f8ff,#fafcff);border:1px solid #e1eefa;border-radius:12px;padding:14px;margin-bottom:15px}.feature-icon{color:#2483ed;font-size:24px;margin-bottom:3px}.export-mini strong{display:block;font-size:12px}.export-mini p{color:#8b98aa;font-size:11px;margin:5px 0 0}.export-warning{font-size:10px;line-height:1.6;color:#8292a8;background:#fafbfd;border-left:3px solid #a5c4e9;padding:10px;margin-top:12px}.small-muted{color:#8093a6;font-size:10px}.status{padding:12px;border-radius:10px;border:1px solid #c1dbf1;color:#175d9b;background:#eff7ff;margin-top:15px}.status.error{border-color:#fac7ca;color:#a73f4b;background:#fff3f4}.info-sections{padding:10px 18px 70px;display:grid;grid-template-columns:1fr 1.3fr;gap:9vw}.faq h2,.info-sections h2{font-size:30px;letter-spacing:-1.2px;line-height:1.2}.info-sections p:not(.micro){color:#7c8ba0}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-list article span{font-size:11px;font-weight:800;color:var(--blue)}.feature-list h3{font-size:14px}.feature-list p{font-size:12px}.faq{max-width:1000px;padding-bottom:70px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-weight:750;cursor:pointer}.faq details p{color:#70829a}.footer{border-top:1px solid var(--line);background:#fff}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:27px 0}.foot-inner .brand{font-size:15px}.foot-inner .brandmark{width:24px;height:24px;font-size:16px}.foot-inner p,.foot-inner>a:last-child{font-size:12px;color:#74859c}.busy{position:fixed;z-index:50;inset:0;background:#14253c91;display:grid;place-items:center;padding:20px}.busy-card{background:#fff;box-shadow:0 25px 65px #0e1b2c2e;border-radius:20px;width:min(390px,95vw);padding:35px;text-align:center}.busy-card h3{margin:12px 0 6px}.busy-card p{font-size:12px;color:#708198}.busy-card progress{width:100%;accent-color:var(--blue);margin:17px 0}.spinner{width:39px;height:39px;border:4px solid #e3f0ff;border-top-color:#2791ff;border-radius:50%;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(490px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 75px #122e4b40;padding:24px;color:var(--ink)}dialog::backdrop{background:#1c2d4799}dialog p{color:#718198;font-size:12px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:19px}.icon-btn{border:0;background:#f1f5fb;border-radius:50%;width:28px;height:28px;font-size:20px}.layer-row:focus-visible,.tool:focus-visible{outline-offset:2px}@media(max-width:1250px){.editor-grid{grid-template-columns:215px minmax(0,1fr)}.export-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 15px;align-items:end}.export-panel .export-mini,.export-panel .panel-head,.export-panel>.divider,.export-panel>.export-warning,.export-panel>.labelhead{grid-column:1/-1}.export-panel>.btn,.export-panel>.field,.export-panel>.two-fields{min-width:0}.export-mini{margin:0}.export-panel>.divider{margin:6px 0}.export-panel .btn.wide{margin:0}.export-panel .small-muted{grid-column:1/-1}.info-sections{gap:30px}}@media(max-width:880px){.wrap{width:min(100% - 30px,1480px)}.topbar nav{margin-left:10px;gap:12px}.topbar nav a{font-size:11px}.private{display:none}.welcome{grid-template-columns:1fr}.workspace{padding:14px;border-radius:18px}.workspace-title{align-items:flex-start;flex-direction:column}.head-buttons{justify-content:flex-start}.editor-grid{grid-template-columns:1fr}.tools-panel{order:2}.preview-panel{order:1}.export-panel{order:3;display:block}.tools-panel .tool-grid{grid-template-columns:repeat(4,1fr)}.layer-list{max-height:150px}.info-sections{grid-template-columns:1fr}.feature-list{gap:12px}.editor-bar{flex-wrap:wrap}.export-panel>.divider{margin:18px 0}.export-panel .btn.wide{margin:7px 0}.hero{padding:35px 4px 25px}}@media(max-width:500px){.top-inner{height:64px}.topbar nav a:not(:first-child){display:none}.brand{font-size:18px}.hero h1{letter-spacing:-1.5px}.hero>p:not(.eyebrow){font-size:13px}.hero-pills span{font-size:10px}.workspace-title h2{font-size:20px}.head-buttons .btn{flex:1}.drop{padding:35px 14px}.drop h3{font-size:19px}.preview-top{padding:8px;flex-wrap:wrap}.preview-check{font-size:10px}.stage-wrap{padding:4px 6px}.transport{gap:4px;padding:10px 6px;flex-wrap:wrap}.round-btn{min-width:26px;height:26px}.transport .fps-label{width:100%;justify-content:flex-end}.time{font-size:9px}.timeline-info{flex-wrap:wrap}.feature-list{grid-template-columns:1fr}.foot-inner{flex-wrap:wrap}.faq h2,.info-sections h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:NaNs!important;transition-duration:NaNs!important}}.transform-group{border:1px solid var(--line);border-radius:10px;padding:10px;margin:10px 0;background:#f8fbff}.range-shortcuts,.transform-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.range-shortcuts .btn,.transform-buttons .btn{min-width:0;white-space:normal}.preview-top{flex-wrap:wrap}.preview-top .preview-check{white-space:nowrap}#keyTrack button:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2379ea;outline-offset:2px}@media(max-width:500px){.preview-modes{flex-wrap:wrap}.preview-modes .view-btn{padding:7px 9px}.transform-buttons .btn{padding:9px 4px}}.solo-info{flex-basis:100%;text-align:right;color:#6685a5}.preview-foot{flex-wrap:wrap}@media(max-width:500px){.solo-info{text-align:left}}