.animate-panel{container-type:inline-size;container-name:animate-panel;box-sizing:border-box;width:100%;margin:0 auto;padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}.animate-panel h2{margin:var(--s4) 0 var(--s2)}.ap-preview{margin:0 0 var(--s3);text-align:center}.ap-picture{position:relative;overflow:hidden;width:min(100%,360px);max-height:440px;margin:auto}.ap-picture>img{display:block;width:100%;height:100%;object-fit:contain}.ap-picture>img[hidden]{display:none}.ap-fit{margin-top:var(--s1)}.ap-fit,.ap-shapes{justify-content:center}.ap-crop-warning{font-size:13px;color:var(--muted);margin:var(--s1) 0 0;text-align:center}.ap-motion-label{display:block;margin-top:var(--s3)}.ap-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s1);gap:var(--s1)}.ap-style-line{font-size:13px;color:var(--muted);margin:var(--s1) 0 0}.ap-more{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:var(--s1)}.ap-more>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.ap-more>.ap-controls{padding-top:var(--s1)}.ap-crop-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid white;box-shadow:0 0 0 800px rgb(0 0 0/.5);pointer-events:none}.ap-crop-control{position:absolute;inset:0;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ap-crop-control:active{cursor:-webkit-grabbing;cursor:grabbing}.ap-crop-control[aria-disabled=true]{cursor:default}.ap-crop-control:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.ap-crop-control:focus-visible .ap-crop-box{border-color:var(--primary)}.ap-crop-positioned{transform:none;box-sizing:border-box}.ap-crop-kept{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:white;text-shadow:0 1px 4px black;font-size:13px;font-weight:600}.ap-crop-kept>span{font-size:30px;font-weight:400;line-height:1}.ap-crop-choice{padding-top:4px}.ap-crop-choice h3{margin:0 0 8px;font-size:13px;font-weight:700}.ap-crop-choice .ap-muted{margin:8px 0 0}.ap-muted,.ap-preview figcaption{font-size:13px;color:var(--muted);margin-top:var(--s1)}.ap-controls,.ap-family{border:0;min-width:0;margin:0;padding:0}.ap-controls>label,.ap-words>label{font-size:19px;font-weight:700;margin-bottom:var(--s1)}.ap-controls>.card,.ap-words>.card{margin-top:var(--s3);box-shadow:none;background:var(--canvas);padding:var(--s2)}.ap-family+.ap-family{margin-top:var(--s2)}.ap-family legend{margin-bottom:var(--s1);color:var(--muted);font-size:13px}.ap-actions,.ap-tiles{display:flex;flex-wrap:wrap;gap:var(--s1)}.ap-lengths{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:var(--s1);gap:var(--s1)}.animate-panel .ap-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);text-align:left;min-width:0}.animate-panel .ap-chip:hover:not(:disabled),.animate-panel .ap-chip[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}.animate-panel .ap-chip[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--primary)}.ap-chip small{display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:4px;color:var(--muted)}.ap-summary{margin:var(--s3) 0 var(--s2);line-height:1.7}.ap-recovery{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:var(--s3)}.ap-recovery button{margin:0 var(--s1) var(--s1) 0}.ap-result{border-bottom:1px solid var(--line);padding-bottom:var(--s3);scroll-margin-top:var(--s2)}.ap-failed,.ap-recover,.ap-result{margin:0 0 var(--s3)}.ap-clip>video,.ap-result>video{max-width:100%;max-height:min(520px,62dvh);display:block;margin:0 auto var(--s2);border-radius:var(--radius);background:var(--canvas)}.ap-download{min-height:44px;margin:0 auto var(--s2);max-width:320px;border-radius:12px;background:var(--primary);color:white;font-weight:700;text-decoration:none}.ap-download,.ap-frame-failed{display:flex;align-items:center;justify-content:center}.ap-frame-failed{aspect-ratio:1;flex-direction:column;gap:4px;padding:6px;background:var(--canvas);border-radius:var(--radius-sm)}.ap-frame-failed p{margin:0}.ap-check-frames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s1);gap:var(--s1)}.ap-check-frames figure{margin:0;text-align:center;font-size:13px}.ap-check-frames img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--canvas);border-radius:var(--radius-sm)}.ap-check-status{display:inline-block;border-radius:12px;padding:6px 12px;background:var(--primary-soft)}.ap-compact{max-width:440px;padding:var(--s2)}.ap-compact .ap-picture{width:min(100%,220px);max-height:280px}.ap-compact .ap-lengths{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-compact .ap-tiles{display:grid;grid-template-columns:1fr}@container animate-panel (max-width: 680px){.ap-lengths{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-check-frames{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-canvas:has(.animate-panel){justify-content:flex-start}.ap-maker{width:100%;border-top:1px solid var(--line);padding-top:var(--s2)}.ap-maker>summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}.ap-maker[open]>summary{margin-bottom:var(--s2)}.ap-playback-failed{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);padding:var(--s2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.ap-playback-failed p{margin:0}.ap-pick{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s2)}.ap-pick-thumb,.ap-pick:empty{display:none}.animate-panel.ap-v2{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;padding:0;margin:0;overflow:hidden;border-radius:0;border:0}.ap-v2 .ap-header{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);min-width:0}.ap-v2 .ap-header h1{flex:1 1;font-size:21px;margin:0}.ap-v2 .ap-header>a{display:flex;align-items:center}.ap-v2 .ap-scroll-body{min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;overscroll-behavior:contain}.ap-v2 .ap-scroll-body[data-drawer-open=true]{grid-template-columns:288px minmax(0,1fr)}.ap-v2 .ap-drawer{min-width:0;padding:16px;border-right:1px solid var(--line);align-self:stretch;background:var(--canvas)}.ap-v2 .ap-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.ap-v2 .ap-drawer-head h2{font-size:16px;margin:0}.ap-v2 .ap-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.ap-v2 .ap-source-choice{padding:0;min-width:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.ap-v2 .ap-source-choice img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.ap-v2 .ap-source-choice span{display:block;font-size:12px;line-height:1.4;padding:8px}.ap-v2 .ap-workspace{min-width:0;container-type:inline-size;container-name:animate-workspace}.ap-v2 .ap-content{padding:24px;min-width:0}.ap-v2 .ap-composer{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;min-width:0;border:0;padding:0;margin:0;align-items:start}.ap-v2 .ap-composer>section{min-width:0}.ap-v2 .ap-media{display:flex;flex-direction:column;gap:12px}.ap-v2 .ap-pick{margin:0;justify-content:space-between;min-height:36px}.ap-v2 .ap-preview{margin:0;padding:12px;background:var(--canvas);border-radius:var(--radius-sm)}.ap-v2 .ap-picture{width:min(100%,calc(480px * var(--ap-picture-aspect, .5625)));max-height:480px}.ap-v2 .ap-picture>img{max-height:480px}.ap-v2 .ap-picture:has(>img[hidden]){aspect-ratio:auto!important}.ap-v2 .ap-empty-picture{display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;padding:24px;border:1px dashed var(--line);background:var(--canvas);color:var(--ink)}.ap-v2 .ap-picture-problem{margin:0;color:var(--ink);font-weight:600;font-size:14px}.ap-v2 .ap-mode-reason{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.ap-v2 .ap-start-end{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.ap-v2 .ap-start-end>.ap-preview{grid-column:1;grid-row:1}.ap-v2 .ap-end{grid-column:2;grid-row:1}.ap-v2 .ap-extra-picture{position:relative;width:140px;height:140px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas)}.ap-v2 .ap-end-preview .ap-extra-picture{width:min(100%,calc(360px * var(--ap-end-aspect)));height:auto;max-height:360px;border:0;box-shadow:0 0 0 1px var(--line)}.ap-v2 .ap-extra-picture>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-position:center}.ap-v2 .ap-extra-note{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;padding:10px;text-align:center;font-size:12px}.ap-v2 .ap-extra-note button{font:inherit}.ap-v2 .ap-swap{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px}.ap-v2 .ap-shape-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.ap-v2 .ap-crop-warning{flex-basis:100%;text-align:left;margin:0}.ap-v2 .ap-tiles{display:flex;flex-wrap:wrap;gap:7px}.ap-v2 .ap-chip{padding:9px 12px;min-height:40px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px;line-height:1.4;background:var(--surface);color:var(--ink)}.ap-v2 .ap-chip[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.ap-v2 :is(button,select,textarea,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ap-v2 .ap-model>label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.ap-v2 select{display:block;width:100%;min-width:0;max-width:100%;min-height:42px;padding:8px 10px;font:inherit;font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.ap-v2 .ap-levels{margin-top:10px}.ap-v2 .ap-motion-label{display:block;margin:0 0 10px;font-size:19px;font-weight:700}.ap-v2 textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:120px;padding:12px;font:inherit;font-size:16px;line-height:1.5;resize:vertical;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.ap-v2 .ap-counter{margin:6px 0 8px;text-align:right;font-size:12px;color:var(--muted)}.ap-v2 .ap-word-help{display:flex;flex-wrap:wrap;align-items:start;gap:8px 16px}.ap-v2 summary{cursor:pointer;font-size:13px;min-height:36px;padding:8px 0;list-style:none}.ap-v2 summary::-webkit-details-marker{display:none}.ap-v2 .ap-word-help>details[open]{flex:1 1 100%}.ap-v2 .ap-word-help .card{margin:4px 0 0;padding:16px;box-shadow:none}.ap-v2 .ap-settings h2{font-size:13px;margin:16px 0 8px}.ap-v2 .ap-settings>h2:first-child{margin-top:0}.ap-v2 .ap-other[open]{flex-basis:100%}.ap-v2 .ap-trim{display:flex;align-items:start;gap:8px;font-size:13px;line-height:1.6;margin:10px 0}.ap-v2 .ap-trim input{width:auto;margin-top:4px}.ap-v2 .ap-reference-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;max-width:100%}.ap-v2 .ap-reference{flex:0 0 140px;min-width:0}.ap-v2 .ap-reference label{display:block;font-size:12px;margin:8px 0 4px}.ap-v2 .ap-reference-actions{display:flex;gap:4px;margin-top:6px}.ap-v2 .ap-reference-actions button{flex:1 1;min-height:36px;padding:4px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.ap-v2 .ap-add-reference{flex:0 0 90px;align-self:start;height:140px;border:1px dashed var(--line);background:var(--canvas);color:var(--ink)}.ap-v2 .ap-buy{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;padding:14px 20px calc(14px + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--line);background:var(--surface);min-width:0}.ap-v2 .ap-purchase-info{flex:1 1 260px;min-width:0}.ap-v2 .ap-summary{margin:0;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.ap-v2 .ap-price{margin:5px 0 0;font-size:14px;font-weight:600}.ap-v2 .ap-buy .price-button{flex:0 1 280px}.ap-v2 .ap-buy .price-button>button{min-height:44px;width:100%}.ap-v2 .ap-buy .price-reason{margin:5px 0 0;font-size:12px;line-height:1.4}.ap-v2 .ap-result{display:grid;grid-gap:16px;gap:16px}.ap-v2 .ap-result-details{display:flex;flex-direction:column;gap:14px;min-width:0}.ap-v2 .ap-result :is(p,h2){margin-top:0}.ap-v2 .ap-result h2{font-size:16px}.ap-v2 .ap-result .ap-download{margin-top:10px;width:100%}.ap-v2 .ap-next-actions{display:flex;flex-direction:column;gap:10px}.ap-v2 .ap-maker>summary{font-size:15px;font-weight:600}.ap-v2 .ap-maker[open]>.ap-composer{margin-top:16px}.ap-v2.ap-compact{height:min(780px,85dvh);border:1px solid var(--line);border-radius:var(--radius)}@container animate-workspace (min-width: 900px){.ap-v2 .ap-composer{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:22px 32px;grid-template-areas:"media model" "media motion" "media settings"}.ap-v2 .ap-media{grid-area:media}.ap-v2 .ap-model{grid-area:model}.ap-v2 .ap-words{grid-area:motion}.ap-v2 .ap-settings{grid-area:settings}.ap-v2 .ap-result{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px 32px}.ap-v2 .ap-result>.ap-clip{grid-column:1}.ap-v2 .ap-result-details{grid-column:2}}@container animate-panel (max-width: 600px){.ap-v2 .ap-scroll-body[data-drawer-open=true]{grid-template-columns:minmax(0,1fr)}.ap-v2 .ap-scroll-body[data-drawer-open=true]>.ap-workspace{display:none}.ap-v2 .ap-drawer{border-right:0}.ap-v2 .ap-content{padding:16px}.ap-v2 .ap-header{padding:10px 12px;gap:8px}.ap-v2 .ap-header h1{font-size:18px}.ap-v2 .ap-buy{padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));gap:8px}.ap-v2 .ap-buy .price-button,.ap-v2 .ap-purchase-info{flex:1 1 100%}}