.animation-video-workspace .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.animation-video-workspace{--av-accent:#116fae;--av-accent-dark:#0a5489;--av-green:#16815a;--av-red:#c43b4c;--av-amber:#a7660e;--av-text:#10263b;--av-muted:#60758a;--av-border:#d3dfe9;--av-strong:#b8c9d8;--av-panel:#fff;--av-soft:#f4f8fb;border:1px solid var(--av-border);border-radius:8px;background:var(--av-panel);box-shadow:0 16px 38px rgba(25,53,83,.09);overflow:hidden}.animation-video-workspace [hidden]{display:none!important}.animation-video-workspace button,.animation-video-workspace input,.animation-video-workspace select,.animation-video-workspace textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.animation-video-grid{display:grid;grid-template-columns:minmax(410px,42%) minmax(0,58%);min-height:900px}.animation-video-input-panel,.animation-video-output-panel{min-width:0;background:var(--av-panel)}.animation-video-input-panel{border-right:1px solid var(--av-border)}
.animation-video-panel-head{height:55px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--av-border);background:#f8fbfd;color:var(--av-text);font-size:.8rem;font-weight:850}.animation-video-panel-head>span{display:flex;align-items:center;gap:8px}.animation-video-panel-head>span i{color:var(--av-accent);font-size:.94rem}.animation-video-panel-head button{min-height:32px;padding:0 10px;border:1px solid #b8cadb;border-radius:4px;background:#fff;color:#185d96;font-size:.64rem;font-weight:800;cursor:pointer}.animation-video-panel-head button:hover{border-color:#6397c1;background:#edf6fd}.animation-video-head-actions{display:flex;gap:5px}.animation-video-head-actions button{display:inline-flex;align-items:center;gap:5px}
.animation-video-editor-tabs,.animation-video-output-tabs{height:45px;padding:0 12px;display:flex;align-items:end;gap:3px;border-bottom:1px solid var(--av-border);background:#eef4f8}.animation-video-editor-tabs button,.animation-video-output-tabs button{height:36px;padding:0 12px;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;background:transparent;color:#526d85;display:flex;align-items:center;gap:7px;font-size:.65rem;font-weight:850;cursor:pointer}.animation-video-editor-tabs button small{color:#8091a2;font-size:.48rem;font-weight:650}.animation-video-editor-tabs button.is-active,.animation-video-output-tabs button.is-active{border-color:#bdcfdd;background:#fff;color:#0c609d}.animation-video-output-tabs button span{width:7px;height:7px;border-radius:50%;background:#21a66f;box-shadow:0 0 0 3px rgba(33,166,111,.12)}
.animation-video-editor{border-bottom:1px solid var(--av-border);background:#0f1e2e}.animation-video-editor textarea{width:100%;height:285px;padding:15px 17px;border:0;outline:0;resize:vertical;background:#0f1e2e;color:#e6f0f8;caret-color:#7dd3fc;font:650 .73rem/1.58 "SFMono-Regular",Consolas,"Liberation Mono",monospace;tab-size:2}.animation-video-editor textarea::selection{background:#275a80}.animation-video-settings{padding:15px;display:flex;flex-direction:column;gap:12px}.animation-video-settings>label{color:var(--av-text);font-size:.69rem;font-weight:850}.animation-video-selector-control{min-height:45px;padding:0 11px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--av-strong);border-radius:5px;background:#fff;transition:border-color .18s,box-shadow .18s}.animation-video-selector-control:focus-within{border-color:#347fc0;box-shadow:0 0 0 3px rgba(17,111,174,.11)}.animation-video-selector-control[data-tone="valid"]{border-color:#279369}.animation-video-selector-control[data-tone="warning"]{border-color:#c68a27}.animation-video-selector-control[data-tone="invalid"]{border-color:#d13c4c;box-shadow:0 0 0 3px rgba(209,60,76,.08)}.animation-video-selector-control i{color:#6c8297}.animation-video-selector-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--av-text);font:750 .72rem/1.2 "SFMono-Regular",Consolas,monospace}.animation-video-help{margin:-7px 0 0;color:var(--av-muted);font-size:.56rem;line-height:1.45}.animation-video-selector-control[data-tone="valid"]+.animation-video-help{color:#14734f}.animation-video-selector-control[data-tone="warning"]+.animation-video-help{color:#95600f}.animation-video-selector-control[data-tone="invalid"]+.animation-video-help{color:#b82537}
.animation-video-fieldset{min-width:0;margin:0;padding:0;border:0}.animation-video-fieldset legend{margin-bottom:7px;padding:0;color:var(--av-text);font-size:.66rem;font-weight:850}.animation-video-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.animation-video-presets button{min-width:0;min-height:57px;padding:7px 3px;border:1px solid #c7d5e1;border-radius:4px;background:#f8fafc;color:#536b82;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.animation-video-presets button:hover{border-color:#789fc0;background:#eef7fd;color:#18669f}.animation-video-presets button.is-active{border-color:#267abe;background:#e8f4fd;color:#0b5f9d;box-shadow:0 0 0 2px rgba(38,122,190,.08)}.animation-video-presets button i{font-size:.78rem}.animation-video-presets button span{min-width:0;font-size:.54rem;font-weight:850;line-height:1.2}.animation-video-presets button small{margin-top:3px;display:block;color:#74899e;font-size:.43rem;font-weight:700;white-space:nowrap}.animation-video-size-row{margin-top:8px;padding:9px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;border:1px solid #d3dfe9;border-radius:4px;background:#f7fafc}.animation-video-size-row>span{color:#8396a8;font-weight:850}.animation-video-size-row label{color:var(--av-muted);font-size:.56rem;font-weight:800}.animation-video-size-row input{width:100%;height:34px;margin-top:4px;padding:0 8px;border:1px solid #b8c9d9;border-radius:4px;background:#fff;color:var(--av-text);font-size:.67rem;font-weight:750}.animation-video-size-row small{display:block;margin-top:3px;color:#76899b;font-size:.48rem;font-weight:650}
.animation-video-setting-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.animation-video-setting-row>label,.animation-video-advanced-grid>label{color:var(--av-text);font-size:.61rem;font-weight:800}.animation-video-setting-row select,.animation-video-advanced-grid select,.animation-video-base input{width:100%;height:37px;margin-top:5px;padding:0 28px 0 9px;border:1px solid #b9cad9;border-radius:4px;background:#fff;color:var(--av-text);font-size:.62rem;font-weight:700}.animation-video-number-unit{height:37px;margin-top:5px;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #b9cad9;border-radius:4px;background:#fff;overflow:hidden}.animation-video-number-unit input{min-width:0;padding:0 8px;border:0;outline:0;background:transparent;color:var(--av-text);font-size:.66rem;font-weight:750}.animation-video-number-unit span{padding:0 9px;border-left:1px solid #d5e0e9;background:#f1f5f8;color:#697e91;display:grid;place-items:center;font-size:.56rem;font-weight:750}.animation-video-background-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.animation-video-segment{padding:3px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #c6d4e1;border-radius:5px;background:#edf3f7}.animation-video-segment button{min-height:32px;border:1px solid transparent;border-radius:3px;background:transparent;color:#5a7187;font-size:.62rem;font-weight:800;cursor:pointer}.animation-video-segment button.is-active{border-color:#adc4d8;background:#fff;color:#0d619f;box-shadow:0 2px 7px rgba(30,66,98,.09)}.animation-video-color{min-width:108px;height:40px;padding:4px 7px;border:1px solid #c5d4e0;border-radius:4px;background:#fff;display:flex;align-items:center;gap:6px;color:#4f687f;font-size:.56rem;font-weight:800}.animation-video-color input{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.animation-video-advanced{border:1px solid #d0dde8;border-radius:5px;background:#fafcfe;overflow:hidden}.animation-video-advanced summary{min-height:40px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#3f607c;font-size:.63rem;font-weight:850;cursor:pointer;list-style:none}.animation-video-advanced summary::-webkit-details-marker{display:none}.animation-video-advanced summary span{display:flex;align-items:center;gap:7px}.animation-video-advanced[open] summary{border-bottom:1px solid #d7e1ea;background:#f2f7fb}.animation-video-advanced[open] summary>i{transform:rotate(180deg)}.animation-video-advanced-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.animation-video-switch{grid-column:1/-1;min-height:48px;padding:8px 9px;border:1px solid #d1dde7;border-radius:4px;background:#fff;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:9px;cursor:pointer}.animation-video-switch input{position:absolute;opacity:0;pointer-events:none}.animation-video-switch>span{width:34px;height:19px;padding:2px;border-radius:12px;background:#aab9c7;transition:background .18s}.animation-video-switch>span:before{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}.animation-video-switch input:checked+span{background:#1976b9}.animation-video-switch input:checked+span:before{transform:translateX(15px)}.animation-video-switch strong,.animation-video-switch small{display:block}.animation-video-switch strong{color:var(--av-text);font-size:.61rem}.animation-video-switch small{margin-top:2px;color:var(--av-muted);font-size:.51rem}.animation-video-base{grid-column:1/-1}.animation-video-base input{padding-right:9px}.animation-video-base small{display:block;margin-top:4px;color:var(--av-muted);font-size:.5rem;font-weight:600;line-height:1.4}
.animation-video-primary{min-height:46px;border:1px solid #0b578e;border-radius:4px;background:linear-gradient(135deg,var(--av-accent),var(--av-accent-dark));box-shadow:0 9px 22px rgba(19,99,161,.2);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.76rem;font-weight:850;cursor:pointer}.animation-video-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.animation-video-primary:disabled{opacity:.65;cursor:wait;transform:none}.animation-video-primary.is-loading i{animation:animation-wand 1s ease-in-out infinite}@keyframes animation-wand{50%{transform:rotate(-10deg) scale(1.16);opacity:.72}}.animation-video-safety{padding:10px;border-left:3px solid #247aad;background:#eef7fb;color:#285f7e;display:flex;align-items:flex-start;gap:9px}.animation-video-safety>i{margin-top:2px}.animation-video-safety p{margin:0}.animation-video-safety strong,.animation-video-safety span{display:block}.animation-video-safety strong{font-size:.63rem}.animation-video-safety span{margin-top:2px;font-size:.55rem;line-height:1.48}
.animation-video-output-panel{background:#f5f8fb}.animation-video-live{background:#f4f8fb}.animation-video-live-toolbar{min-height:42px;padding:0 12px;border-bottom:1px solid var(--av-border);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#49667f}.animation-video-live-toolbar span{display:flex;align-items:center;gap:7px;font-size:.61rem;font-weight:850}.animation-video-live-toolbar span i{color:#238059}.animation-video-live-toolbar small{font-size:.53rem;font-weight:700;color:#708499}.animation-video-live-stage{--live-device-width:700px;--live-device-height:420px;height:720px;padding:14px;overflow:hidden;background-color:#dce6ed;background-image:linear-gradient(45deg,rgba(255,255,255,.55) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.55) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.55) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.55) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;position:relative}.animation-video-live-device{position:absolute;left:50%;top:50%;transform-origin:center center;background:#fff;box-shadow:0 12px 34px rgba(20,48,72,.22)}.animation-video-live-device iframe{display:block;width:100%;height:100%;border:0;background:transparent}.animation-video-preview-note{margin:0;padding:10px 12px;border-top:1px solid var(--av-border);background:#fff;color:var(--av-muted);display:flex;align-items:flex-start;gap:7px;font-size:.55rem;line-height:1.45}.animation-video-preview-note i{margin-top:2px;color:#3c789f}
.animation-video-empty,.animation-video-loading,.animation-video-error{min-height:720px;padding:30px;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(145deg,#fbfdff,#edf4f9)}.animation-video-empty-icon{width:76px;height:68px;border:1px solid #b8d5eb;border-radius:10px;background:#eaf6ff;color:var(--av-accent);display:grid;place-items:center;font-size:1.75rem;box-shadow:0 9px 24px rgba(28,79,119,.08)}.animation-video-empty h2,.animation-video-loading h2,.animation-video-error h2{margin:14px 0 5px;color:var(--av-text);font-size:1rem}.animation-video-empty p,.animation-video-loading p,.animation-video-error p{max-width:470px;margin:0;color:var(--av-muted);font-size:.7rem;line-height:1.55}.animation-video-empty>div:last-child{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.animation-video-empty>div:last-child span{padding:5px 8px;border:1px solid #c9d8e4;border-radius:3px;background:#fff;color:#526d86;font-size:.55rem;font-weight:800}.animation-video-loader{position:relative;width:76px;height:76px;display:grid;place-items:center;color:var(--av-accent);font-size:1.2rem}.animation-video-loader span{position:absolute;inset:0;border:3px solid #cde0ee;border-top-color:var(--av-accent);border-radius:50%;animation:animation-spin 1s linear infinite}@keyframes animation-spin{to{transform:rotate(360deg)}}.animation-video-loading-steps{width:180px;margin:17px auto 9px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.animation-video-loading-steps span{height:4px;border-radius:3px;background:#ccd9e4}.animation-video-loading-steps span.is-active{background:var(--av-accent)}.animation-video-error>i{width:66px;height:60px;border:1px solid #e0aeb5;border-radius:9px;background:#fff0f2;color:var(--av-red);display:grid;place-items:center;font-size:1.45rem}.animation-video-error button{min-height:35px;margin-top:16px;padding:0 12px;border:1px solid #b8c9d9;border-radius:4px;background:#fff;color:#315f83;font-size:.63rem;font-weight:800;cursor:pointer}
.animation-video-result{background:#fff}.animation-video-result-bar{min-height:112px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;background:linear-gradient(135deg,#0e2032,#164766);color:#fff}.animation-video-result-bar>div:first-child{min-width:0}.animation-video-result-bar>div:first-child>span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #2d7a5e;border-radius:3px;background:#123e2e;color:#a6e5c8;font-size:.51rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.animation-video-result-bar h2{margin:9px 0 4px;color:#fff!important;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-video-result-bar small{display:block;color:#acd4ef;font:650 .57rem/1.2 "SFMono-Regular",Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-video-result-bar>div:last-child{min-width:170px;padding:10px 12px;border:1px solid #456b88;border-radius:5px;background:rgba(255,255,255,.06);text-align:right}.animation-video-result-bar>div:last-child strong,.animation-video-result-bar>div:last-child span{display:block}.animation-video-result-bar>div:last-child strong{color:#8dd3ff;font-size:.78rem}.animation-video-result-bar>div:last-child span{margin-top:4px;color:#c7ddeb;font-size:.57rem}.animation-video-metadata{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--av-border);background:#f7fafc}.animation-video-metadata>div{min-width:0;padding:9px 10px}.animation-video-metadata>div+div{border-left:1px solid var(--av-border)}.animation-video-metadata dt{color:var(--av-muted);font-size:.48rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.animation-video-metadata dd{margin:4px 0 0;color:var(--av-text);font-size:.57rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-video-preview-toolbar{min-height:43px;padding:0 11px;border-bottom:1px solid var(--av-border);background:#eef3f7;display:flex;align-items:center;justify-content:space-between;gap:10px}.animation-video-preview-toolbar>span{color:var(--av-text);font-size:.61rem;font-weight:850}.animation-video-preview-toolbar>div{padding:2px;display:flex;gap:2px;border:1px solid #c5d3df;border-radius:4px;background:#dfe8ef}.animation-video-preview-toolbar button{min-height:26px;padding:0 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:#576f85;font-size:.53rem;font-weight:800;cursor:pointer}.animation-video-preview-toolbar button.is-active{border-color:#afc2d2;background:#fff;color:#0d619f}.animation-video-preview-frame{height:545px;padding:18px;overflow:auto;background-color:#dfe7ed;background-image:linear-gradient(45deg,rgba(255,255,255,.6) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.6) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.6) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.6) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.animation-video-preview-frame img{display:block;height:auto;margin:0 auto;box-shadow:0 8px 25px rgba(17,40,61,.2)}.animation-video-preview-frame[data-zoom="fit"] img{width:auto!important;max-width:100%}.animation-video-preview-frame:not([data-zoom="fit"]) img{max-width:none}.animation-video-result-note{margin:0;padding:9px 12px;border-top:1px solid var(--av-border);background:#f8fafc;color:#397056;display:flex;align-items:flex-start;gap:7px;font-size:.55rem;line-height:1.45}.animation-video-result-note i{margin-top:2px;color:#18825a}
.animation-video-footer{min-height:56px;padding:9px 12px;border-top:1px solid var(--av-border);background:#f8fbfd;display:flex;align-items:center;justify-content:space-between;gap:12px}.animation-video-footer .tool-station-status{color:var(--av-muted);font-size:.65rem;font-weight:750}.animation-video-footer .tool-station-status[data-tone="success"]{color:#107149}.animation-video-footer .tool-station-status[data-tone="working"]{color:#176fae}.animation-video-footer .tool-station-status[data-tone="error"]{color:#bd2638}.animation-video-reset{min-height:34px;padding:0 11px;border:1px solid #b8cadb;border-radius:4px;background:#fff;color:#3e607f;display:inline-flex;align-items:center;gap:6px;font-size:.63rem;font-weight:800;cursor:pointer}.animation-video-reset:hover{border-color:#6f9abd;background:#edf6fc}
body.theme-dark .animation-video-workspace{--av-text:#e8f0f8;--av-muted:#96a9bc;--av-border:#2b4057;--av-strong:#3a5269;--av-panel:#101b29;--av-soft:#152336;background:#101b29;box-shadow:none}body.theme-dark .animation-video-panel-head,body.theme-dark .animation-video-footer,body.theme-dark .animation-video-live-toolbar,body.theme-dark .animation-video-preview-note{border-color:#30475f;background:#132136;color:#dceaf6}body.theme-dark .animation-video-editor-tabs,body.theme-dark .animation-video-output-tabs{border-color:#2f465d;background:#0e1926}body.theme-dark .animation-video-editor-tabs button.is-active,body.theme-dark .animation-video-output-tabs button.is-active{border-color:#3a536a;background:#142436;color:#b8ddf6}body.theme-dark .animation-video-panel-head button,body.theme-dark .animation-video-selector-control,body.theme-dark .animation-video-size-row input,body.theme-dark .animation-video-setting-row select,body.theme-dark .animation-video-advanced-grid select,body.theme-dark .animation-video-number-unit,body.theme-dark .animation-video-segment button.is-active,body.theme-dark .animation-video-color,body.theme-dark .animation-video-switch,body.theme-dark .animation-video-base input,body.theme-dark .animation-video-error button,body.theme-dark .animation-video-preview-toolbar button.is-active,body.theme-dark .animation-video-reset{border-color:#38516b;background:#17283a;color:#d7e8f6}body.theme-dark .animation-video-selector-control input,body.theme-dark .animation-video-number-unit input{color:#f0f6fc}body.theme-dark .animation-video-size-row,body.theme-dark .animation-video-advanced{border-color:#30465d;background:#132235}body.theme-dark .animation-video-presets button{border-color:#354b62;background:#142334;color:#adc0d3}body.theme-dark .animation-video-presets button.is-active{border-color:#428dca;background:#153452;color:#b8ddf6}body.theme-dark .animation-video-number-unit span{border-color:#354c63;background:#101e2d;color:#9eb1c2}body.theme-dark .animation-video-segment{border-color:#354a60;background:#0e1926}body.theme-dark .animation-video-advanced[open] summary{border-color:#30465d;background:#15283b}body.theme-dark .animation-video-safety{background:#142c3d;color:#afd6ee}body.theme-dark .animation-video-output-panel,body.theme-dark .animation-video-live{background:#101b29}body.theme-dark .animation-video-live-stage,body.theme-dark .animation-video-preview-frame{background-color:#182635;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%)}body.theme-dark .animation-video-empty,body.theme-dark .animation-video-loading,body.theme-dark .animation-video-error{background:linear-gradient(145deg,#101b29,#152437)}body.theme-dark .animation-video-empty-icon{border-color:#315a78;background:#142b40}body.theme-dark .animation-video-empty>div:last-child span{border-color:#354a61;background:#182739;color:#b2c3d4}body.theme-dark .animation-video-error>i{border-color:#6b3741;background:#2d1820}body.theme-dark .animation-video-result{background:#101b29}body.theme-dark .animation-video-metadata,body.theme-dark .animation-video-result-note{background:#132135}body.theme-dark .animation-video-preview-toolbar{border-color:#30475f;background:#132136}body.theme-dark .animation-video-preview-toolbar>div{border-color:#344b62;background:#0f1b29}
@media(max-width:1120px){.animation-video-grid{grid-template-columns:minmax(370px,45%) minmax(0,55%)}.animation-video-presets{grid-template-columns:repeat(3,1fr)}.animation-video-presets button:nth-child(4),.animation-video-presets button:nth-child(5){grid-column:auto}.animation-video-metadata{grid-template-columns:repeat(3,1fr)}.animation-video-metadata>div:nth-child(4){border-left:0;border-top:1px solid var(--av-border)}.animation-video-metadata>div:nth-child(5){border-top:1px solid var(--av-border)}}
@media(max-width:880px){.animation-video-grid{grid-template-columns:1fr}.animation-video-input-panel{border-right:0;border-bottom:1px solid var(--av-border)}.animation-video-live-stage{height:520px}.animation-video-empty,.animation-video-loading,.animation-video-error{min-height:460px}.animation-video-preview-frame{height:500px}.animation-video-footer{align-items:flex-start;flex-direction:column}.animation-video-reset{width:100%;justify-content:center}}
@media(max-width:560px){.animation-video-panel-head{padding:0 12px}.animation-video-head-actions button{font-size:0;padding:0 9px}.animation-video-head-actions button i{font-size:.68rem}.animation-video-editor-tabs,.animation-video-output-tabs{overflow-x:auto}.animation-video-editor-tabs button{min-width:max-content}.animation-video-editor textarea{height:250px;padding:13px}.animation-video-settings{padding:13px}.animation-video-presets{grid-template-columns:repeat(2,1fr)}.animation-video-presets button:last-child{grid-column:1/-1}.animation-video-setting-row,.animation-video-advanced-grid{grid-template-columns:1fr}.animation-video-switch,.animation-video-base{grid-column:auto}.animation-video-background-row{grid-template-columns:1fr}.animation-video-color{width:100%}.animation-video-live-toolbar{padding:8px 10px;align-items:flex-start;flex-direction:column}.animation-video-live-stage{height:390px;padding:10px}.animation-video-result-bar{grid-template-columns:1fr;padding:13px}.animation-video-result-bar>div:last-child{min-width:0;text-align:left}.animation-video-metadata{grid-template-columns:1fr 1fr}.animation-video-metadata>div:nth-child(3),.animation-video-metadata>div:nth-child(5){border-left:0}.animation-video-metadata>div:nth-child(3){border-top:1px solid var(--av-border)}.animation-video-preview-toolbar{padding:8px 10px;align-items:flex-start;flex-direction:column}.animation-video-preview-frame{height:400px;padding:10px}.animation-video-footer{padding:9px}}


.animation-video-capture-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.animation-video-capture-row>label{color:var(--av-text);font-size:.69rem;font-weight:850}.animation-video-capture-row .animation-video-segment{min-width:190px}.animation-video-selector-control.is-disabled{opacity:.58;background:#eef3f7}.animation-video-selector-control.is-disabled input{cursor:not-allowed}
.animation-video-timing-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.animation-video-timing-row>label{color:var(--av-text);font-size:.61rem;font-weight:800}.animation-video-timing-row select{width:100%;height:37px;margin-top:5px;padding:0 28px 0 9px;border:1px solid #b9cad9;border-radius:4px;background:#fff;color:var(--av-text);font-size:.62rem;font-weight:700}
.animation-video-estimate{min-height:49px;padding:9px 10px;border:1px solid #b9d7c9;border-left:3px solid #20845d;border-radius:4px;background:#eff9f4;color:#246347;display:flex;align-items:center;gap:9px}.animation-video-estimate>i{font-size:.8rem}.animation-video-estimate strong,.animation-video-estimate small{display:block}.animation-video-estimate strong{font-size:.63rem}.animation-video-estimate small{margin-top:2px;font-size:.52rem;line-height:1.4}.animation-video-estimate[data-tone="invalid"]{border-color:#e1b1b8;border-left-color:#c53c4c;background:#fff2f3;color:#a52636}
.animation-video-color{height:37px;margin-top:5px;padding:4px 7px;border:1px solid #b9cad9;border-radius:4px;background:#fff;display:flex;align-items:center;gap:7px}.animation-video-color input{width:28px;height:27px;padding:0;border:0;background:transparent}.animation-video-color strong{color:var(--av-muted);font-size:.55rem}
.animation-video-loading-steps{grid-template-columns:repeat(4,1fr)}
.animation-video-player-wrap{min-height:535px;padding:18px;display:grid;place-items:center;background:#0a1420}.animation-video-player-wrap video{display:block;width:100%;max-width:100%;max-height:560px;background:#000;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.animation-video-runtime{min-height:42px;padding:8px 12px;border-top:1px solid var(--av-border);background:#eef3f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.animation-video-runtime span{color:var(--av-text);display:flex;align-items:center;gap:7px;font-size:.59rem;font-weight:850}.animation-video-runtime small{max-width:70%;color:var(--av-muted);font-size:.49rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-dark .animation-video-selector-control.is-disabled{background:#101d2b}body.theme-dark .animation-video-timing-row select,body.theme-dark .animation-video-color{border-color:#38516b;background:#17283a;color:#d7e8f6}body.theme-dark .animation-video-estimate{border-color:#315a4a;background:#122d24;color:#a9dfc8}body.theme-dark .animation-video-estimate[data-tone="invalid"]{border-color:#6a3942;background:#301b22;color:#f0aeb8}body.theme-dark .animation-video-player-wrap{background:#070e17}body.theme-dark .animation-video-runtime{border-color:#30475f;background:#132136}
@media(max-width:560px){.animation-video-capture-row{align-items:stretch;flex-direction:column}.animation-video-capture-row .animation-video-segment{min-width:0}.animation-video-timing-row{grid-template-columns:1fr}.animation-video-player-wrap{min-height:360px;padding:10px}.animation-video-runtime{align-items:flex-start;flex-direction:column}.animation-video-runtime small{max-width:100%}}

.animation-video-editor-tabs button{min-width:0;flex:1;justify-content:center;padding-inline:8px}.animation-video-editor-tabs button small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}