.animate-page{--animate-ink:#182034;--animate-muted:#667085;--animate-line:#d5dbea;--animate-panel:#f8f9fc;--animate-purple:#6d5dfc;padding-bottom:.75rem}.page-stage:has(.animate-studio__workspace[data-canvas-expanded=true]){z-index:10000}body:has(.animate-studio__workspace[data-canvas-expanded=true]){overflow:hidden}.animate-hero{border:2px solid var(--line);color:#182034;background:radial-gradient(circle at 76% 22%,#8de7beb8,#0000 25%),radial-gradient(circle at 20% 0,#9075f247,#0000 38%),#f7f3ff;border-bottom:0;border-radius:24px 24px 0 0;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(1rem,3vw,3rem);min-height:76px;padding:.7rem 1.15rem;display:grid;overflow:hidden}[data-theme=dark] .animate-hero{color:#f3f6ff;background:radial-gradient(circle at 76% 22%,#62dbaa4d,#0000 25%),radial-gradient(circle at 20% 0,#9075f247,#0000 38%),#141a2a}.animate-hero__eyebrow{font:750 .58rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.6rem;margin:0 0 .2rem;display:flex}.animate-hero__eyebrow span{background:#5bdb9f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #5bdb9f29}.animate-hero h1{letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(1.55rem,2.7vw,2.45rem);line-height:.95}.animate-hero h1 em{color:#6d5dfc;font-family:Georgia,serif;font-weight:500;display:inline-block;transform:rotate(-3deg)}.animate-hero>p{color:currentColor;opacity:.78;max-width:48ch;margin:0;font-size:clamp(.72rem,1vw,.88rem);line-height:1.45}.animate-studio{border:2px solid var(--line);height:max(690px,100svh - 164px);min-height:690px;box-shadow:var(--shadow-window);color:var(--animate-ink);background:#eef1f7;border-radius:0 0 24px 24px;overflow:hidden}.animate-studio button,.animate-studio input,.animate-studio select,.animate-studio textarea{font:inherit}.animate-studio button{color:inherit}.animate-studio__topbar{background:#ffffffeb;border-bottom:1px solid #d7ddeb;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding:.65rem .8rem;display:flex}.animate-studio__brand,.animate-studio__top-actions,.animate-button{align-items:center;display:flex}.animate-studio__brand{gap:.65rem}.animate-studio__mark{color:#c9ff3d;background:#191d2c;border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:2px 2px #a99cff}.animate-studio__brand>div{gap:.08rem;display:grid}.animate-studio__brand strong{letter-spacing:-.02em;font-size:.98rem}.animate-studio__brand small{color:var(--animate-muted);font-size:.7rem}.animate-studio__top-actions{gap:.45rem}.animate-button{border:1px solid #0000;border-radius:10px;justify-content:center;gap:.4rem;min-height:40px;padding:0 .8rem;font-size:.78rem;font-weight:750}.animate-button--quiet{background:#fff;border-color:#d9deeb}.animate-button--primary{background:#181d2c;border-color:#181d2c;box-shadow:2px 2px #a99cff;color:#fff!important}.animate-studio__workspace{grid-template-columns:292px minmax(360px,1fr) 290px;height:calc(100% - 68px);min-height:0;display:grid}.animate-studio__workspace>*{min-height:0}.animate-panel{background:var(--animate-panel);scrollbar-width:thin;min-width:0;overflow-y:auto}.animate-panel--tools{border-right:1px solid var(--animate-line)}.animate-panel--export{border-left:1px solid var(--animate-line);flex-direction:column;display:flex}.animate-studio__workspace[data-canvas-expanded=true]{grid-template-columns:0 minmax(0,1fr) 0}@media (width>=901px){.animate-studio__workspace[data-canvas-expanded=true]{z-index:1000;background:#e5e9f1;height:100svh;position:fixed;inset:0}}.animate-studio__workspace[data-canvas-expanded=true]>.animate-panel{visibility:hidden;overflow:hidden}.animate-studio__workspace[data-canvas-expanded=true] .animate-quick-copy{display:none}.animate-tool-section{border-bottom:1px solid var(--animate-line);padding:1rem}.animate-primary-tabs{z-index:4;border-bottom:1px solid var(--animate-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9fcf5;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;padding:.55rem;display:grid;position:sticky;top:0}.animate-panel--export .animate-primary-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.animate-panel--tools .animate-primary-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.animate-primary-tabs button{color:#687185;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:.32rem;min-height:38px;font-size:.65rem;font-weight:760;display:flex}.animate-primary-tabs button[data-active=true]{color:#3d3299;background:#fff;border-color:#c8c2ff;box-shadow:0 2px 8px #382f8017}.animate-subtabs{scrollbar-width:none;background:#edf0f6;border:1px solid #dce0eb;border-radius:9px;gap:.28rem;margin-bottom:.75rem;padding:.25rem;display:flex;overflow-x:auto}.animate-subtabs::-webkit-scrollbar{display:none}.animate-subtabs--standalone{margin:.65rem .65rem 0}.animate-subtabs button{color:#6d7587;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:.28rem;min-width:max-content;min-height:31px;padding:0 .42rem;font-size:.57rem;font-weight:750;display:flex}.animate-subtabs button small{background:#dce0ea;border-radius:99px;min-width:16px;padding:.05rem .22rem;font-size:.48rem}.animate-subtabs button[data-active=true]{color:#372b91;background:#fff;box-shadow:0 1px 4px #2a264c1f}.animate-subtabs button[data-active=true] small{background:#e5e0ff}.animate-subtabs button[data-category=popular][data-active=true]{color:#554000;background:linear-gradient(135deg,#fff9d8,#fff);box-shadow:inset 0 0 0 1px #ecd878,0 2px 7px #8260001a}.animate-subtabs button[data-category=trends][data-active=true]{color:#006779;box-shadow:inset 0 -2px #09b8d0,0 1px 4px #2a264c1a}.animate-subtabs button[data-category=circular][data-active=true]{color:#8b4200;box-shadow:inset 0 -2px #ff8b38,0 1px 4px #2a264c1a}.animate-subtabs button[data-category=stories][data-active=true]{color:#8a245a;box-shadow:inset 0 -2px #ec5fa4,0 1px 4px #2a264c1a}.animate-tab-content{animation:.15s ease-out animate-tab-in}@keyframes animate-tab-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.animate-section-heading{justify-content:space-between;align-items:center;gap:.6rem;min-height:30px;margin-bottom:.8rem;display:flex}.animate-section-heading>div{align-items:center;gap:.55rem;display:flex}.animate-section-heading h2,.animate-section-heading span,.animate-section-heading small{margin:0}.animate-section-heading h2{letter-spacing:-.01em;font-size:.8rem}.animate-section-heading span{color:#626b7d;width:24px;height:24px;font:750 .63rem var(--font-mono);background:#e7e9f5;border-radius:8px;place-items:center;display:grid}.animate-section-heading small{color:var(--animate-muted);font:650 .62rem var(--font-mono)}.animate-section-heading button{background:#fff;border:1px solid #d7dbea;border-radius:7px;align-items:center;gap:.28rem;padding:.3rem .45rem;font-size:.66rem;font-weight:700;display:inline-flex}.chart-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.chart-library-feature{color:#fff;background:radial-gradient(circle at 88% 12%,#c9ff3d4d,#0000 34%),linear-gradient(135deg,#202437,#33306a);border:1px solid #d8c767;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:66px;margin:-.1rem 0 .65rem;padding:.62rem;display:grid;box-shadow:0 7px 18px #26234e24}.chart-library-feature>span{color:#1c2330;background:#c9ff3d;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:2px 2px #a99cff}.chart-library-feature>div{gap:.08rem;min-width:0;display:grid}.chart-library-feature small{color:#c9ff3d;text-transform:uppercase;letter-spacing:.07em;font-size:.56rem;font-weight:800}.chart-library-feature strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.chart-library-feature em{color:#fff;font:800 .48rem var(--font-mono);border:1px solid #ffffff47;border-radius:5px;padding:.2rem .3rem;font-style:normal}.chart-filter-bar{scrollbar-width:none;gap:.3rem;margin-bottom:.55rem;padding-bottom:.08rem;display:flex;overflow-x:auto}.chart-filter-bar::-webkit-scrollbar{display:none}.chart-filter-bar button{color:#687185;background:#fff;border:1px solid #d7dbea;border-radius:99px;justify-content:center;align-items:center;gap:.18rem;min-width:max-content;min-height:27px;padding:0 .45rem;font-size:.55rem;font-weight:760;display:inline-flex}.chart-filter-bar button:hover{color:#4435a5;border-color:#aaa0fa}.chart-filter-bar button[data-active=true]{color:#fff;background:#262b3d;border-color:#262b3d;box-shadow:2px 2px #c9ff3d}.chart-filter-bar button:last-child[data-active=true]{background:linear-gradient(135deg,#8b5d00,#d9a520);border-color:#bb8700;box-shadow:2px 2px #ffe68a}.chart-results-heading{color:#747d8f;justify-content:space-between;align-items:center;gap:.4rem;margin:0 0 .45rem;font-size:.54rem;font-weight:700;display:flex}.chart-results-heading small{font-size:inherit;align-items:center;gap:.24rem;display:inline-flex}.chart-results-heading i{background:linear-gradient(135deg,#7a66ff 0 25%,#08b8d1 25% 50%,#ff8b38 50% 75%,#ec5fa4 75%);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 2px #e5e7f0}.chart-type-card{--chart-accent:#7666ff;--chart-tint:#f1efff;background:linear-gradient(90deg, var(--chart-accent) 0 3px, transparent 3px), linear-gradient(145deg, #fff, var(--chart-tint));text-align:left;isolation:isolate;border:1px solid #d7dbea;border-radius:11px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:.42rem;min-height:104px;padding:.58rem .48rem;display:grid;position:relative;overflow:hidden}.chart-type-card[data-category=trends]{--chart-accent:#08a9c1;--chart-tint:#eefcff}.chart-type-card[data-category=circular]{--chart-accent:#f47b20;--chart-tint:#fff7ed}.chart-type-card[data-category=stories]{--chart-accent:#df4b91;--chart-tint:#fff1f8}.chart-type-card[data-premium=true]:after{content:"";z-index:-1;background:radial-gradient(circle,#ffd1483b,#0000 68%);border-radius:50%;width:66px;height:66px;position:absolute;top:-30px;right:-28px}.chart-type-card:hover,.chart-type-card[data-active=true]{border-color:var(--chart-accent);background:linear-gradient(90deg, var(--chart-accent) 0 4px, transparent 4px), linear-gradient(145deg, #fff, var(--chart-tint));box-shadow:0 0 0 2px color-mix(in srgb, var(--chart-accent) 14%, transparent), 0 7px 16px #242a441a;transform:translateY(-1px)}.chart-type-card__copy{gap:.18rem;min-width:0;display:grid}.chart-type-card__title{align-items:center;gap:.25rem;min-width:0;display:flex}.chart-type-card__title>strong,.chart-type-card__copy>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart-type-card__title>strong{min-width:0;font-size:.72rem}.chart-type-card__copy>small{color:var(--animate-muted);font-size:.58rem}.chart-type-card__badges{gap:.18rem;display:flex}.chart-badge{letter-spacing:.035em;text-transform:uppercase;border-radius:4px;align-items:center;gap:.12rem;min-width:max-content;padding:.11rem .22rem;font-size:.43rem;font-style:normal;font-weight:850;display:inline-flex}.chart-badge--popular{color:#326b00;background:#e7ffd0}.chart-badge--premium{color:#624300;background:linear-gradient(135deg,#fff1b7,#ffd45a);box-shadow:inset 0 0 0 1px #7c55002e}.chart-type-card__tags{gap:.2rem;display:flex;overflow:hidden}.chart-type-card__tags i{border:1px solid color-mix(in srgb, var(--chart-accent) 18%, #dce0e9);color:#657084;text-overflow:ellipsis;white-space:nowrap;background:#ffffffb3;border-radius:99px;min-width:0;padding:.1rem .25rem;font-size:.47rem;font-style:normal;font-weight:720;overflow:hidden}.chart-type-card__check{background:var(--chart-accent);color:#fff;border-radius:50%;padding:2px;position:absolute;top:5px;right:5px}.chart-library-empty{color:#697286;text-align:center;background:linear-gradient(145deg,#fff,#f2f3f8);border:1px dashed #c8cede;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:.35rem;min-height:132px;padding:1rem;display:flex}.chart-library-empty strong{font-size:.7rem}.chart-library-empty button{color:#4c3eba;background:#fff;border:1px solid #b9b1ff;border-radius:7px;min-height:28px;padding:0 .55rem;font-size:.58rem;font-weight:760}.paste-data-panel{background:#f1efff;border:1px solid #bcb4ff;border-radius:10px;margin-bottom:.7rem;padding:.65rem}.paste-data-panel label{margin-bottom:.35rem;font-size:.66rem;font-weight:700;display:block}.paste-data-panel textarea{resize:vertical;color:#182034;width:100%;font:.68rem/1.5 var(--font-mono);background:#fff;border:1px solid #cbc6ed;border-radius:7px;padding:.5rem}.paste-data-panel>div{justify-content:flex-end;gap:.35rem;margin-top:.4rem;display:flex}.paste-data-panel button{background:#fff;border:1px solid #bcb4ff;border-radius:6px;padding:.32rem .5rem;font-size:.65rem;font-weight:700}.paste-data-panel button:last-child{color:#fff;background:#6d5dfc}.animate-data-table__head{color:var(--animate-muted);font:650 .59rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:minmax(0,1.3fr) minmax(62px,.7fr) 27px;gap:.35rem;padding:0 .25rem .3rem 1.25rem;display:grid}.animate-data-row{grid-template-columns:15px minmax(0,1.3fr) minmax(62px,.7fr) 27px;align-items:center;gap:.28rem;margin-bottom:.32rem;display:grid}.animate-data-row__grip{color:#a0a8b8;place-items:center;display:grid}.animate-data-row input{color:#182034;background:#fff;border:1px solid #d6dbea;border-radius:7px;width:100%;height:32px;padding:0 .4rem;font-size:.69rem}.animate-data-row input:focus,.animate-quick-copy input:focus,.animate-affix-grid input:focus,.paste-data-panel textarea:focus{border-color:#6d5dfc;outline:2px solid #6d5dfc2e}.animate-data-row button{color:#8a93a5;background:0 0;border:0;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.animate-data-row button:hover:not(:disabled){color:#ba392f;background:#ffe5e1}.animate-add-row{background:#fff;border:1px dashed #b8bfd0;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:34px;margin-top:.55rem;font-size:.69rem;font-weight:700;display:flex;color:#596377!important}.animate-canvas-column{background:radial-gradient(circle at 50% 25%,#6d5dfc14,#0000 30%),#e5e9f1;flex-direction:column;min-width:0;height:100%;display:flex}.animate-canvas-toolbar{border-bottom:1px solid var(--animate-line);background:#f8f9fcd6;justify-content:space-between;align-items:center;gap:.8rem;min-height:50px;padding:.45rem .8rem;display:flex}.animate-canvas-toolbar__status,.animate-canvas-toolbar__playback{align-items:center;display:flex}.animate-canvas-toolbar__status{color:#697285;gap:.38rem;font-size:.66rem;font-weight:650}.animate-canvas-toolbar__status i{background:#38bf83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #38bf831f}.animate-canvas-toolbar__playback{gap:.5rem}.animate-canvas-toolbar__playback button{color:#fff;background:#202536;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.animate-canvas-toolbar__playback .animate-canvas-export{background:#6d5dfc;border:1px solid #131827;gap:.32rem;width:auto;padding:0 .65rem;font-size:.65rem;font-weight:780;box-shadow:2px 2px #1c2232}.animate-canvas-toolbar__playback>span{color:#626b7e;min-width:76px;font:650 .62rem var(--font-mono)}.animate-progress{background:#cdd2df;border-radius:99px;width:84px;height:5px;overflow:hidden}.animate-progress i{border-radius:inherit;background:#6d5dfc;height:100%;transition:width 80ms linear;display:block}.animate-canvas-stage{flex:1;place-items:center;min-height:0;padding:1rem 1.15rem 1.7rem;display:grid;position:relative;overflow:hidden}.animate-canvas-rulers{color:#959cad;font:.55rem var(--font-mono);justify-content:space-between;display:flex;position:absolute;inset:.45rem 2rem auto}.animate-canvas-shell{background:#11131f;border:1px solid #1d2230;border-radius:4px;place-items:center;width:min(100%,640px);max-width:100%;max-height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #282c3c47,7px 7px #6d5dfc2e}.animate-canvas-shell canvas{width:100%;height:100%;display:block}.animate-canvas-shell canvas[data-overlay-draggable=true]{cursor:grab;touch-action:none}.animate-canvas-shell canvas[data-overlay-draggable=true]:active{cursor:grabbing}.animate-logo-drag-hint{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1320c2;border:1px solid #ffffff38;border-radius:7px;align-items:center;gap:.25rem;padding:.28rem .42rem;font-size:.55rem;font-weight:750;display:inline-flex;position:absolute;bottom:.55rem;right:.55rem}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-stage{padding:.7rem 1rem 1.4rem}.animate-canvas-size{color:#757e90;font:.58rem var(--font-mono);background:#ffffffc2;border:1px solid #d0d6e3;border-radius:6px;padding:.25rem .4rem;position:absolute;inset:auto auto .8rem}.animate-quick-copy{border-top:1px solid var(--animate-line);background:#f8f9fce6;grid-template-columns:1fr 1fr;gap:.6rem;padding:.7rem .8rem;display:grid}.animate-quick-copy label{grid-template-columns:auto 1fr;align-items:center;gap:.4rem;min-width:0;display:grid}.animate-quick-copy span{color:#697285;font-size:.63rem;font-weight:750}.animate-quick-copy input{color:#182034;background:#fff;border:1px solid #d5dbea;border-radius:8px;min-width:0;height:34px;padding:0 .5rem;font-size:.7rem}.theme-list,.export-format-list{gap:.4rem;display:grid}.theme-list{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-list button,.export-format-list button{text-align:left;background:#fff;border:1px solid #d8ddea;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:50px;padding:.42rem;display:grid}.theme-list button{grid-template-columns:auto minmax(0,1fr);min-height:48px}.theme-list button>svg{display:none}.theme-list button[data-active=true],.export-format-list button[data-active=true]{background:#f2f0ff;border-color:#7364fc;box-shadow:0 0 0 2px #6d5dfc1a}.theme-list button>span:nth-child(2),.export-format-list button>span{gap:.1rem;min-width:0;display:grid}.theme-list strong,.export-format-list strong{font-size:.69rem}.theme-list small,.export-format-list small{color:var(--animate-muted);font-size:.59rem}.theme-list small{display:none}.theme-swatch{background:var(--swatch-a);border:1px solid #18203440;border-radius:8px;width:41px;height:34px;display:block;position:relative;overflow:hidden}.theme-swatch i:first-child{background:var(--swatch-b);border-radius:50%;width:22px;height:22px;position:absolute;top:-4px;right:-4px}.theme-swatch i:last-child{background:var(--swatch-b);border-radius:99px;width:20px;height:4px;position:absolute;bottom:7px;left:6px}.animate-style-group{border-top:1px solid #e1e4ed;gap:.42rem;margin-top:.85rem;padding-top:.75rem;display:grid}.animate-style-group--first{border-top:0;margin-top:0;padding-top:0}.animate-style-group__label{color:#5f687a;letter-spacing:.01em;font-size:.62rem;font-weight:760}.animate-preset-grid{gap:.32rem;display:grid}.animate-preset-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.animate-preset-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.animate-preset-grid--two,.animate-preset-grid--library{grid-template-columns:repeat(2,minmax(0,1fr))}.animate-preset-grid button{color:#667084;background:#fff;border:1px solid #d8ddea;border-radius:8px;place-items:center;gap:.2rem;min-width:0;min-height:34px;padding:.32rem .2rem;font-size:.56rem;font-weight:720;display:grid}.animate-preset-grid button:hover,.animate-preset-grid button[data-active=true]{color:#372b91;background:#f1efff;border-color:#7666ff}.animate-preset-grid--library button{text-align:left;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:.35rem;min-height:52px;padding:.42rem .48rem}.animate-preset-grid--library button>span{gap:.12rem;min-width:0;display:grid}.animate-preset-grid--library strong,.animate-preset-grid--library small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animate-preset-grid--library strong{color:#30384d;font-size:.6rem}.animate-preset-grid--library small{color:var(--animate-muted);font-size:.5rem;font-weight:620}.animate-preset-grid--library button[data-active=true] strong{color:#372b91}.animate-fine-tune-label{border-top:1px solid #e1e4ed;gap:.12rem;margin:.95rem 0 .35rem;padding-top:.75rem;display:grid}.animate-fine-tune-label span{color:#30384d;font-size:.64rem;font-weight:780}.animate-fine-tune-label small{color:var(--animate-muted);font-size:.54rem}.animate-backdrop-icon{background-color:#252b3d;border-radius:4px;width:27px;height:13px;display:block}.animate-backdrop-icon--glow{background:radial-gradient(circle at 70% 30%,#c9ff3d,#0000 35%),#252b3d}.animate-backdrop-icon--grid{background-color:#252b3d;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:6px 6px}.animate-backdrop-icon--dots{background-color:#252b3d;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:5px 5px}.animate-backdrop-icon--clean{background:linear-gradient(135deg,#252b3d,#7666ff)}.animate-backdrop-icon--rays{background:repeating-conic-gradient(from 20deg, #fbbf24 0 12deg, #252b3d 12deg 28deg)}.animate-backdrop-icon--aurora{background:radial-gradient(circle at 20% 20%,#22d3ee,#0000 45%),radial-gradient(circle at 80% 75%,#f472b6,#0000 48%),#252b3d}.animate-backdrop-icon--stripes{background:repeating-linear-gradient(135deg,#252b3d 0 5px,#7666ff 5px 8px)}.animation-style-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;display:grid}.animation-style-list button{color:#5f687a;text-align:left;background:#fff;border:1px solid #d8ddea;border-radius:9px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:.38rem;min-width:0;min-height:54px;padding:.42rem;display:grid}.animation-style-list button[data-active=true]{color:#372b91;background:#f1efff;border-color:#7666ff;box-shadow:0 0 0 2px #6d5dfc17}.animation-style-list button>i{background:#e9e6ff;border-radius:7px;justify-content:center;align-items:flex-end;gap:2px;width:25px;height:25px;padding:4px;display:flex}.animation-style-list button>i span{background:#6d5dfc;border-radius:4px;width:4px}.animation-style-list button>i span:first-child{height:7px}.animation-style-list button>i span:nth-child(2){height:13px}.animation-style-list button>i span:nth-child(3){height:17px}.animation-style-list button>span{gap:.08rem;min-width:0;display:grid}.animation-style-list strong{font-size:.62rem}.animation-style-list small{color:var(--animate-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.animate-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;display:grid}.animate-toggle-grid button{color:#687185;background:#fff;border:1px solid #d8ddea;border-radius:8px;justify-content:space-between;align-items:center;gap:.3rem;min-height:35px;padding:.3rem .38rem;font-size:.55rem;font-weight:720;display:flex}.animate-toggle-grid button>i{background:#cfd4df;border-radius:99px;flex:none;width:22px;height:13px;display:block;position:relative}.animate-toggle-grid button>i:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;transition:transform .16s;position:absolute;top:2px;left:2px}.animate-toggle-grid button[data-active=true]{color:#372b91;background:#f1efff;border-color:#7666ff}.animate-toggle-grid button[data-active=true]>i{background:#6d5dfc}.animate-toggle-grid button[data-active=true]>i:after{transform:translate(9px)}.animate-affix-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.animate-affix-grid label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.32rem;display:grid}.animate-affix-grid label>span{color:#778093;font-size:.54rem}.animate-affix-grid input{color:#182034;background:#fff;border:1px solid #d6dbea;border-radius:7px;width:100%;min-width:0;height:31px;padding:0 .35rem;font-size:.65rem}.animate-font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;display:grid}.animate-font-grid button{color:#626c80;text-align:left;background:#fff;border:1px solid #d8ddea;border-radius:9px;align-items:center;gap:.45rem;min-height:52px;padding:.4rem .5rem;display:flex}.animate-font-grid button[data-active=true]{color:#372b91;background:#f1efff;border-color:#7666ff}.animate-font-grid b{font-size:1rem}.animate-font-grid span{font-size:.59rem;font-weight:700}.animate-panel-note,.animate-privacy-note{color:#6a7487;margin:0 0 .7rem;font-size:.62rem;line-height:1.45}.animate-output-toggles{gap:.38rem;display:grid}.animate-output-toggles button{color:#687185;background:#fff;border:1px solid #d8ddea;border-radius:9px;justify-content:space-between;align-items:center;gap:.5rem;min-height:42px;padding:.45rem .55rem;font-size:.63rem;font-weight:730;display:flex}.animate-output-toggles button>i{background:#cfd4df;border-radius:99px;flex:none;width:28px;height:16px;position:relative}.animate-output-toggles button>i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:2px;left:2px}.animate-output-toggles button[data-active=true]{color:#372b91;background:#f1efff;border-color:#7666ff}.animate-output-toggles button[data-active=true]>i{background:#6d5dfc}.animate-output-toggles button[data-active=true]>i:after{transform:translate(12px)}.animate-clean-card,.animate-smart-resize-card{color:#18744e;background:#ecfbf4;border:1px solid #bde8d5;border-radius:9px;align-items:flex-start;gap:.5rem;margin-top:.7rem;padding:.65rem;display:flex}.animate-clean-card>span,.animate-smart-resize-card>span{gap:.12rem;display:grid}.animate-clean-card strong,.animate-smart-resize-card strong{font-size:.64rem}.animate-clean-card small,.animate-smart-resize-card small{color:#477462;font-size:.56rem;line-height:1.4}.animate-smart-resize-card{color:#4d3fc4;background:#f2f0ff;border-color:#d1ccff}.animate-smart-resize-card small{color:#6c64a2}.animate-logo-drop{background:#f4f2ff;border:1px dashed #aaa2f3;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;padding:.65rem;display:grid}.animate-logo-drop>div{color:#5b4de0;align-items:center;gap:.45rem;min-width:0;display:flex}.animate-logo-drop>div span{gap:.12rem;min-width:0;display:grid}.animate-logo-drop strong,.animate-logo-drop small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animate-logo-drop strong{color:#2a3150;font-size:.64rem}.animate-logo-drop small{color:#747d91;font-size:.54rem}.animate-upload-button,.animate-logo-remove{color:#493db9;cursor:pointer;background:#fff;border:1px solid #8e83eb;border-radius:7px;justify-content:center;align-self:center;align-items:center;min-height:31px;padding:0 .48rem;font-size:.58rem;font-weight:750;display:inline-flex}.animate-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.animate-logo-remove{border-color:#e0b8b3;grid-column:2;color:#a33e34!important}.animate-privacy-note{margin-top:.55rem;padding-left:.2rem}.animate-drag-callout{color:#5244c8;background:#f3f1ff;border:1px solid #cbc5ff;border-radius:9px;align-items:flex-start;gap:.48rem;margin-top:.65rem;padding:.62rem;display:flex}.animate-drag-callout>span{gap:.12rem;display:grid}.animate-drag-callout strong{color:#302875;font-size:.62rem}.animate-drag-callout small{color:#7169a0;font-size:.55rem;line-height:1.35}.animate-position-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.animate-position-grid button{color:#667084;background:#fff;border:1px solid #d8ddea;border-radius:8px;min-height:34px;font-size:.58rem;font-weight:720}.animate-position-grid button[data-active=true]{color:#372b91;background:#f1efff;border-color:#7666ff}.animate-scene-list{gap:.42rem;display:grid}.animate-scene-list>div{background:#fff;border:1px solid #d8ddea;border-radius:10px;grid-template-columns:minmax(0,1fr) 30px;display:grid;position:relative;overflow:hidden}.animate-scene-list>div[data-active=true]{border-color:#7666ff;box-shadow:0 0 0 2px #6d5dfc17}.animate-scene-select{text-align:left;background:0 0;border:0;align-items:center;gap:.48rem;min-width:0;padding:.52rem;display:flex}.animate-scene-select>b{color:#5346ca;background:#e9e6ff;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;font-size:.62rem;display:grid}.animate-scene-select>span{gap:.1rem;min-width:0;display:grid}.animate-scene-select strong{font-size:.64rem}.animate-scene-select small{color:#778093;text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.animate-scene-remove{background:0 0;border:0;border-radius:6px;align-self:center;place-items:center;width:27px;height:27px;display:grid;color:#929bad!important}.animate-scene-remove:hover:not(:disabled){background:#ffe8e4;color:#b54439!important}.animate-scene-controls{background:#fafaff;border-top:1px solid #e4e7ef;grid-column:1/-1;gap:.42rem;padding:.55rem;display:grid}.animate-scene-controls label{color:#667084;grid-template-columns:1fr minmax(100px,.9fr);align-items:center;gap:.45rem;font-size:.57rem;font-weight:700;display:grid}.animate-scene-controls select{color:#283047;background:#fff;border:1px solid #d6dbea;border-radius:7px;width:100%;height:31px;padding:0 .35rem;font-size:.58rem}.animate-add-scene{background:#f4f2ff;border:1px dashed #aaa2f3;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:36px;margin-top:.55rem;font-size:.64rem;font-weight:750;display:flex;color:#4e42c2!important}.ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.ratio-grid button{text-align:left;background:#fff;border:1px solid #d7dcea;border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.5rem;min-height:60px;padding:.45rem;display:grid}.ratio-grid button[data-active=true]{background:#f2f0ff;border-color:#7465fc}.ratio-grid button>i{border:2px solid;border-radius:3px;width:25px;max-height:34px;display:block}.ratio-grid button>span{gap:.08rem;display:grid}.ratio-grid strong{font-size:.68rem}.ratio-grid small{color:var(--animate-muted);font-size:.57rem}.animate-range-label{gap:.45rem;margin-top:.85rem;display:grid}.animate-range-label>span{color:#606a7d;justify-content:space-between;font-size:.64rem;display:flex}.animate-range-label strong{color:#202638}.animate-range-label input{accent-color:#6d5dfc;width:100%}.animate-number-control{color:#606a7d;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:.65rem;margin-top:.75rem;font-size:.64rem;font-weight:720;display:grid}.animate-number-control>div{background:#fff;border:1px solid #d6dbea;border-radius:8px;grid-template-columns:minmax(0,1fr) 25px;align-items:center;min-width:0;height:35px;display:grid;overflow:hidden}.animate-number-control input{color:#202638;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 .2rem 0 .55rem;font-size:.7rem;font-weight:750}.animate-number-control em{color:#7a8394;font-size:.61rem;font-style:normal}.animate-number-control>div:focus-within{border-color:#6d5dfc;box-shadow:0 0 0 2px #6d5dfc26}.export-format-list button>svg:first-child{color:#6d5dfc}.animate-export-options{border-top:1px solid #e1e4ed;gap:.65rem;margin-top:.7rem;padding-top:.7rem;display:grid}.animate-export-options>div{gap:.38rem;display:grid}.animate-export-options>div>span{color:#5f687a;font-size:.61rem;font-weight:760}.export-quality-card{background:#eef1f6;border:1px solid #d9deeb;border-radius:9px;gap:.2rem;margin-top:.65rem;padding:.65rem;display:grid}.export-quality-card span{color:#586276;align-items:center;gap:.35rem;font-size:.61rem;font-weight:700;display:flex}.export-quality-card span i{background:#31b87b;border-radius:50%;width:7px;height:7px}.export-quality-card strong{font-size:.72rem}.export-quality-card small{color:#778093;font-size:.58rem}.animate-export-button{background:#1a1f2f;border:1px solid #141927;border-radius:10px;justify-content:center;align-items:center;gap:.42rem;width:100%;min-height:43px;margin-top:.65rem;font-size:.72rem;font-weight:760;display:flex;box-shadow:3px 3px #a99cff;color:#fff!important}.animate-export-button--details{display:none}.animate-export-dock{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f9fcf7;border-top:1px solid #d1d7e5;justify-content:space-between;align-items:center;gap:.55rem;min-height:66px;margin-top:auto;padding:.62rem;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 24px #252b3f17}.animate-export-dock>span{gap:.08rem;min-width:0;display:grid}.animate-export-dock strong{font-size:.63rem}.animate-export-dock small{color:#737c8e;white-space:nowrap;font-size:.52rem}.animate-export-dock button{white-space:nowrap;background:#1a1f2f;border:1px solid #151a29;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;min-height:40px;padding:0 .62rem;font-size:.64rem;font-weight:780;display:inline-flex;box-shadow:2px 2px #a99cff;color:#fff!important}.animate-canvas-expand{margin-left:.15rem}.animate-spin{animation:.8s linear infinite animate-spin}.chart-type-card__motion{border:1px solid color-mix(in srgb, var(--chart-accent) 22%, transparent);background:color-mix(in srgb, var(--chart-accent) 9%, #fff);width:31px;height:48px;color:var(--chart-accent);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.chart-type-card__motion>i{opacity:0;justify-content:center;align-items:flex-end;gap:2px;height:19px;transition:opacity .16s;display:flex;position:absolute;inset:auto 5px 6px}.chart-type-card__motion b{background:var(--chart-accent);border-radius:3px 3px 1px 1px;width:4px;animation:1.05s ease-in-out infinite alternate paused animate-mini-bars;display:block}.chart-type-card__motion b:first-child{height:8px}.chart-type-card__motion b:nth-child(2){height:14px;animation-delay:.12s}.chart-type-card__motion b:nth-child(3){height:19px;animation-delay:.24s}.chart-type-card:hover .chart-type-card__motion>svg,.chart-type-card[data-active=true] .chart-type-card__motion>svg{opacity:0}.chart-type-card:hover .chart-type-card__motion>i,.chart-type-card[data-active=true] .chart-type-card__motion>i{opacity:1}.chart-type-card:hover .chart-type-card__motion b,.chart-type-card[data-active=true] .chart-type-card__motion b{animation-play-state:running}@keyframes animate-mini-bars{0%{transform-origin:bottom;transform:scaleY(.38)}to{transform-origin:bottom;transform:scaleY(1)}}.animate-story-studio{gap:.8rem;display:grid}.animate-story-intro{color:#fff;background:radial-gradient(circle at 88% 6%,#c9ff3d40,#0000 32%),linear-gradient(145deg,#171a2a,#302967);border:1px solid #bcb4ff;border-radius:13px;gap:.42rem;padding:.8rem;display:grid;position:relative;overflow:hidden}.animate-story-intro>span{color:#c9ff3d;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.3rem;width:max-content;font-size:.56rem;font-weight:800;display:inline-flex}.animate-story-intro h2,.animate-story-intro p{margin:0}.animate-story-intro h2{letter-spacing:-.035em;max-width:210px;font-size:1.06rem;line-height:1.05}.animate-story-intro p{color:#d9d7f4;font-size:.6rem;line-height:1.45}.animate-story-intro>div{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.35rem;display:flex}.animate-story-intro>div small{color:#aaa6cf;font-size:.52rem}.animate-story-intro>div strong{color:#c9ff3d;font-size:.56rem}.animate-story-actions{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.animate-story-actions button{color:#424b63;background:#fff;border:1px solid #d3d7e5;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;min-height:38px;font-size:.62rem;font-weight:760;display:inline-flex}.animate-story-actions button:first-child{color:#344b00;background:#efffc8;border-color:#c9ff3d}.animate-hook-list{gap:.36rem;display:grid}.animate-hook-list>span,.animate-recipe-heading>span{color:#545d72;font-size:.6rem;font-weight:800}.animate-hook-list button{color:#4e576d;text-align:left;background:#fff;border:1px solid #d8ddea;border-radius:9px;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:.38rem;min-height:43px;padding:.42rem;display:grid}.animate-hook-list button:hover{background:#f4f2ff;border-color:#8c7cff}.animate-hook-list button b{color:#5747d8;background:#eeebff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:.58rem;display:grid}.animate-hook-list button span{font-size:.58rem;font-weight:700;line-height:1.35}.animate-recipe-heading{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.animate-recipe-heading small{color:#7a8292;font-size:.52rem}.animate-recipe-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.animate-recipe-grid>button{text-align:left;background:#fff;border:1px solid #d5d9e7;border-radius:11px;grid-template-rows:48px 1fr;gap:.42rem;min-width:0;min-height:128px;padding:.48rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.animate-recipe-grid>button:hover{border-color:#7666ff;transform:translateY(-2px);box-shadow:0 6px 18px #3e31901f}.animate-recipe-grid>button>span{align-content:start;gap:.14rem;min-width:0;display:grid}.animate-recipe-grid small,.animate-recipe-grid strong,.animate-recipe-grid em{text-overflow:ellipsis;overflow:hidden}.animate-recipe-grid small{color:#6d5dfc;letter-spacing:.03em;text-transform:uppercase;font-size:.48rem;font-weight:800}.animate-recipe-grid strong{color:#283047;font-size:.65rem}.animate-recipe-grid em{color:#737c8e;font-size:.51rem;font-style:normal;line-height:1.35}.animate-recipe-motion{background:linear-gradient(135deg,#171a2a,#3b3379);border-radius:8px;justify-content:center;align-items:flex-end;gap:4px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.animate-recipe-motion span{background:linear-gradient(#d9ff77,#8c7cff);border-radius:5px 5px 2px 2px;width:16%;min-width:6px;animation:1.4s cubic-bezier(.16,1,.3,1) infinite alternate animate-recipe-rise}.animate-recipe-motion span:first-child{height:32%}.animate-recipe-motion span:nth-child(2){height:58%;animation-delay:.14s}.animate-recipe-motion span:nth-child(3){height:88%;animation-delay:.28s}.animate-recipe-motion--before-after span:nth-child(2){height:28%}.animate-recipe-motion--goal{border-radius:999px 999px 8px 8px}.animate-recipe-motion--ranking{flex-direction:column;align-items:center}.animate-recipe-motion--ranking span{width:42%;height:5px}@keyframes animate-recipe-rise{0%{transform-origin:bottom;opacity:.55;transform:scaleY(.32)}to{transform-origin:bottom;opacity:1;transform:scaleY(1)}}.animate-remix-note{background:#eef1f7;border-radius:8px;margin-bottom:0;padding:.55rem}.animate-audio-panel,.animate-guides-panel{gap:.72rem;display:grid}.animate-audio-drop>div{color:#5947dd}.animate-audio-transport{grid-template-columns:1fr 1fr;gap:.42rem;display:grid}.animate-audio-transport button{color:#525b70;background:#fff;border:1px solid #d4d9e7;border-radius:8px;justify-content:center;align-items:center;gap:.32rem;min-height:38px;padding:0 .45rem;font-size:.57rem;font-weight:760;display:inline-flex}.animate-audio-transport button[data-active=true]{color:#4434ba;background:#eeebff;border-color:#7666ff}.animate-beat-track{background:linear-gradient(90deg,#6d5dfc14 1px,#0000 1px) 0 0/12px 100%,#f8f9fd;border:1px solid #d6dbea;border-radius:9px;height:46px;position:relative;overflow:hidden}.animate-beat-track:after{content:"";background:#cdd2df;height:1px;position:absolute;inset:50% 0 auto}.animate-beat-track i{z-index:1;background:#6d5dfc;border-radius:99px;width:2px;height:30px;position:absolute;top:8px;box-shadow:0 0 8px #6d5dfc73}.animate-beat-card{margin-top:0}.animate-safe-zone{z-index:4;pointer-events:none;position:absolute;inset:0}.animate-safe-zone>i{border:2px dashed #c9ff3deb;border-radius:10px;position:absolute;box-shadow:0 0 0 999px #0a0d1729}.animate-safe-zone--instagram>i{inset:11% 12% 18% 7%}.animate-safe-zone--tiktok>i{inset:12% 17% 20% 6%}.animate-safe-zone--youtube>i{inset:9% 15% 18% 7%}.animate-safe-zone>span{z-index:2;color:#c9ff3d;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e121dcc;border-radius:99px;padding:.25rem .42rem;font-size:.52rem;font-weight:800;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.animate-safe-zone-grid{grid-template-columns:1fr 1fr;gap:.38rem;display:grid}.animate-safe-zone-grid button{color:#596276;text-align:left;background:#fff;border:1px solid #d7dce9;border-radius:9px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:.34rem;min-height:47px;padding:.42rem;display:grid}.animate-safe-zone-grid button[data-active=true]{color:#4839bf;background:#f0eeff;border-color:#7666ff}.animate-safe-zone-grid button span{gap:.08rem;min-width:0;display:grid}.animate-safe-zone-grid strong{font-size:.59rem}.animate-safe-zone-grid small{color:#7b8393;font-size:.49rem}.animate-callout-kinds{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.animate-callout-kinds button{color:#535d72;background:#fff;border:1px solid #d7dce9;border-radius:8px;justify-content:center;align-items:center;gap:.25rem;min-height:34px;font-size:.55rem;font-weight:730;display:inline-flex}.animate-callout-list{gap:.38rem;display:grid}.animate-callout-list>div:not(.animate-drag-callout){background:#fff;border:1px solid #d8ddea;border-radius:8px;grid-template-columns:23px minmax(0,1fr) 30px;align-items:center;gap:.35rem;padding:.35rem;display:grid}.animate-callout-list>div>span:first-child{color:#4e3fd0;background:#ece9ff;border-radius:7px;place-items:center;width:23px;height:23px;font-size:.55rem;font-weight:800;display:grid}.animate-callout-list input{background:#fafbfe;border:1px solid #d4d9e6;border-radius:7px;width:100%;min-height:30px;padding:0 .42rem;font-size:.58rem;font-weight:670}.animate-callout-list>div>button{color:#b54747;background:#fff0f0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.animate-empty-callouts{color:#687185;border:1px dashed #cfd4e3;border-radius:9px;align-items:center;gap:.48rem;padding:.65rem;display:flex}.animate-empty-callouts>span{gap:.1rem;display:grid}.animate-empty-callouts strong{font-size:.61rem}.animate-empty-callouts small{color:#81899a;font-size:.52rem}@keyframes animate-spin{to{transform:rotate(360deg)}}@media (width<=1260px){.animate-studio__workspace{grid-template-columns:235px minmax(330px,1fr) 250px}}@media (width<=900px){.animate-hero{grid-template-columns:1fr;gap:.35rem;min-height:0}.animate-hero>p{display:none}.animate-studio{height:auto;min-height:0}.animate-studio__topbar,.animate-canvas-toolbar{align-items:flex-start}.animate-studio__topbar{flex-direction:column}.animate-studio__top-actions{width:100%}.animate-studio__top-actions .animate-button{flex:1}.animate-studio__workspace{flex-direction:column;height:auto;display:flex}.animate-canvas-column{order:-1}.animate-panel--tools,.animate-panel--export{border:0;border-top:1px solid var(--animate-line);overflow:visible}.animate-panel--export{display:block}.animate-panel{width:100%}.animate-panel--export .animate-tool-section{border-right:0;border-bottom:1px solid var(--animate-line)}.animate-canvas-stage{min-height:clamp(410px,58svh,520px);padding-inline:1.25rem}.animate-export-dock{position:static;bottom:auto}.animate-studio__workspace[data-canvas-expanded=true]{z-index:1000;background:#e5e9f1;grid-template-columns:minmax(0,1fr);width:100vw;height:100svh;display:grid;position:fixed;inset:0;overflow:hidden}.animate-studio__workspace[data-canvas-expanded=true]>.animate-panel{display:none}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-column{order:initial;width:100%;height:100svh}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-stage{min-height:0}}@media (width<=560px){.animate-hero{padding:.65rem .85rem}.animate-hero h1{font-size:1.55rem}.animate-studio__top-actions{grid-template-columns:1fr 1fr;display:grid}.animate-studio__top-actions .animate-button--primary{grid-column:1/-1}.animate-canvas-toolbar{flex-direction:column;gap:.5rem}.animate-canvas-toolbar__playback{width:100%;min-width:0}.animate-progress{flex:1}.animate-canvas-stage{min-height:clamp(340px,62svh,420px);padding:2rem 1rem 2.4rem}.animate-quick-copy{grid-template-columns:1fr}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-toolbar{min-width:0;padding-inline:.55rem}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-toolbar__status{display:none}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-toolbar__playback{gap:.32rem}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-toolbar__playback>span{min-width:58px;font-size:.54rem}.animate-studio__workspace[data-canvas-expanded=true] .animate-progress{min-width:30px}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-export{padding-inline:.48rem}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-export span{display:none}.animate-studio__workspace[data-canvas-expanded=true] .animate-canvas-stage{padding:.75rem .65rem 1.75rem}}@media (width<=360px){.animate-hero h1{font-size:1.35rem}.animate-studio__topbar,.animate-tool-section{padding-inline:.7rem}.animate-button{min-height:38px;padding-inline:.5rem;font-size:.66rem}.animate-panel--export .animate-primary-tabs button{gap:.18rem;font-size:.58rem}.animate-panel--export .animate-primary-tabs button svg{display:none}.animate-number-control{grid-template-columns:minmax(0,1fr) 84px}.animate-canvas-stage{min-height:clamp(320px,60svh,360px);padding-inline:.75rem}}.animate-bulk-section{gap:.78rem;display:grid}.animate-bulk-section .animate-panel-note{margin-bottom:0}.animate-bulk-count{color:#fff;background:radial-gradient(circle at 88% 12%,#c9ff3d94,#0000 34%),linear-gradient(135deg,#25204e,#4a3da4);border:1px solid #bdb6ff;border-radius:11px;gap:.06rem;padding:.76rem;display:grid}.animate-bulk-count strong{letter-spacing:-.045em;font-size:1.16rem}.animate-bulk-count>span{font-size:.64rem;font-weight:760}.animate-bulk-count small{color:#d8d3ff;font-size:.54rem}.animate-bulk-axis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem;display:grid}.animate-bulk-axis-option{color:#697386;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8ddea;border-radius:9px;justify-content:space-between;align-items:center;gap:.4rem;min-width:0;min-height:55px;padding:.45rem;display:flex}.animate-bulk-axis-option[data-active=true]{color:#392f91;background:#f2f0ff;border-color:#8478f6}.animate-bulk-axis-option input{accent-color:#6858df;flex:none;width:14px;height:14px;margin:0}.animate-bulk-axis-option span{gap:.1rem;min-width:0;display:grid}.animate-bulk-axis-option strong,.animate-bulk-axis-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animate-bulk-axis-option strong{font-size:.6rem}.animate-bulk-axis-option small{color:#7a8498;font-size:.48rem}.animate-bulk-axis-option b{color:#6b7486;text-align:center;background:#e6eaf1;border-radius:99px;min-width:19px;padding:.12rem .22rem;font-size:.5rem}.animate-bulk-axis-option[data-active=true] b{color:#4838b7;background:#dcd7ff}.animate-bulk-select,.animate-bulk-data{color:#525d72;gap:.3rem;font-size:.61rem;font-weight:750;display:grid}.animate-bulk-select select,.animate-bulk-data textarea{color:#303a50;background:#fff;border:1px solid #d5dbea;border-radius:8px;outline-color:#7666ff;width:100%}.animate-bulk-select select{min-height:34px;padding-inline:.42rem;font-size:.6rem}.animate-bulk-data textarea{resize:vertical;min-height:128px;font:.55rem/1.45 var(--font-mono);padding:.48rem}.animate-bulk-data small{color:#7a8496;font-size:.53rem;font-weight:600;line-height:1.35}.animate-bulk-presets,.animate-bulk-picker,.animate-bulk-scene-controls,.animate-bulk-range-grid{background:#fbfaff;border:1px solid #ddd9fa;border-radius:9px}.animate-bulk-presets{gap:.36rem;padding:.6rem;display:grid}.animate-bulk-presets>span,.animate-bulk-picker__heading>span{color:#51458e;font-size:.59rem;font-weight:780}.animate-bulk-presets>div,.animate-bulk-choice-actions{flex-wrap:wrap;align-items:center;gap:.28rem;display:flex}.animate-bulk-presets button,.animate-bulk-choice-actions button{color:#4b3fb0;min-height:25px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cdc7f9;border-radius:999px;padding:.18rem .42rem;font-size:.5rem;font-weight:760}.animate-bulk-choice-actions>span{color:#717a90;margin-right:auto;font-size:.48rem;font-weight:680}.animate-bulk-picker{gap:.42rem;padding:.58rem;display:grid}.animate-bulk-picker__heading{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.animate-bulk-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;max-height:188px;padding-right:.1rem;display:grid;overflow:auto}.animate-bulk-choice-grid label{cursor:pointer;background:#fff;border:1px solid #e0deed;border-radius:7px;align-items:flex-start;gap:.32rem;min-width:0;padding:.34rem;display:flex}.animate-bulk-choice-grid input{accent-color:#6858df;flex:none;width:13px;height:13px;margin:.06rem 0 0}.animate-bulk-choice-grid span{gap:.06rem;min-width:0;display:grid}.animate-bulk-choice-grid strong,.animate-bulk-choice-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animate-bulk-choice-grid strong{color:#4b556c;font-size:.51rem}.animate-bulk-choice-grid small{color:#80899d;font-size:.46rem}.animate-bulk-scene-controls,.animate-bulk-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;padding:.58rem;display:grid}.animate-bulk-range-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.animate-bulk-scene-controls label,.animate-bulk-range-grid label{color:#58637a;gap:.22rem;min-width:0;font-size:.52rem;font-weight:760;display:grid}.animate-bulk-scene-controls select,.animate-bulk-range-grid input,.animate-bulk-range-grid select{color:#414c63;width:100%;min-height:31px;font:inherit;background:#fff;border:1px solid #d5dbea;border-radius:7px;outline-color:#7666ff;padding-inline:.36rem;font-size:.55rem}.animate-bulk-pairing{gap:.35rem;display:grid}.animate-bulk-pairing button{color:#606b7e;text-align:left;background:#fff;border:1px solid #d8ddea;border-radius:9px;gap:.1rem;padding:.52rem;display:grid}.animate-bulk-pairing button[data-active=true]{color:#392f91;background:#f1efff;border-color:#7666ff}.animate-bulk-pairing strong{font-size:.6rem}.animate-bulk-pairing small{color:inherit;opacity:.82;font-size:.51rem;line-height:1.35}.animate-bulk-queue-control{background:#fff;border:1px solid #d8ddea;border-radius:9px;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:.55rem;padding:.58rem;display:grid}.animate-bulk-queue-control label{gap:.1rem;display:grid}.animate-bulk-queue-control label>span{color:#445068;font-size:.61rem;font-weight:760}.animate-bulk-queue-control small{color:#788396;font-size:.5rem;line-height:1.35}.animate-bulk-queue-control input{color:#4436ac;text-align:center;border:1px solid #ccc7fc;border-radius:7px;width:100%;min-height:34px;font-size:.67rem;font-weight:800}.animate-bulk-build,.animate-bulk-render{background:#312874;border:1px solid #312874;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;min-height:38px;font-size:.62rem;font-weight:780;display:flex;box-shadow:2px 2px #b9afff;color:#fff!important}.animate-bulk-build:disabled,.animate-bulk-render:disabled{cursor:not-allowed;opacity:.52}.animate-bulk-queue{background:#f6f5ff;border:1px solid #c8c2ff;border-radius:10px;gap:.46rem;padding:.62rem;display:grid}.animate-bulk-queue>div{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.animate-bulk-queue>div>span{gap:.08rem;display:grid}.animate-bulk-queue strong{color:#332a78;font-size:.62rem}.animate-bulk-queue small{color:#706b96;font-size:.5rem;line-height:1.35}.animate-bulk-queue>div>button{color:#4a3db7;background:#fff;border:1px solid #aaa2f3;border-radius:7px;flex:none;min-height:28px;padding:0 .4rem;font-size:.53rem;font-weight:750}.animate-bulk-queue ol{gap:.24rem;margin:0;padding:0;list-style:none;display:grid}.animate-bulk-queue li button{color:#4f467f;text-align:left;background:#ffffffb8;border:1px solid #dfdcfa;border-radius:7px;justify-content:space-between;align-items:center;gap:.35rem;width:100%;padding:.35rem .4rem;font-size:.53rem;display:flex}.animate-bulk-queue li small{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:155px;overflow:hidden}.animate-bulk-render{background:#5d4fe0;border-color:#5d4fe0;box-shadow:2px 2px #c9ff3d}.animate-admin-page{padding-top:.7rem}.animate-admin-hero{grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr)}.animate-admin-hero__actions{justify-items:start;gap:.55rem;display:grid}.animate-admin-hero__actions>p{opacity:.78;max-width:48ch;margin:0;font-size:clamp(.72rem,1vw,.88rem);line-height:1.45}.animate-admin-hero__actions>a{min-height:32px;color:inherit;border:1px solid;border-radius:8px;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.64rem;font-weight:760;text-decoration:none;display:inline-flex}.animate-admin-notice{border:2px solid var(--line);color:#18744e;background:#ecfbf4;border-bottom:0;align-items:center;gap:.55rem;padding:.65rem .85rem;display:flex}.animate-admin-notice>span{gap:.08rem;display:grid}.animate-admin-notice strong{font-size:.68rem}.animate-admin-notice small{color:#477462;font-size:.58rem}.animate-admin-notice>svg:last-child{margin-left:auto}.animate-admin-page .animate-studio{border-radius:0 0 24px 24px}@media (prefers-reduced-motion:reduce){.animate-progress i{transition:none}.chart-type-card__motion b,.animate-recipe-motion span,.animate-spin{animation:none}}