.animate-tool{max-width:1200px;margin:auto;padding:40px 24px 80px;color:#121b38}.animate-tool header{max-width:850px;margin-bottom:48px}.animate-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#7c6a49;margin-top:30px}.animate-tool h1{font-size:clamp(38px,5.3vw,68px);line-height:1.07;letter-spacing:-.04em;margin:16px 0 22px}.animate-tool h1 span{color:#2454f4}.animate-tool header>p:last-of-type{font-size:20px;line-height:1.6;color:#65728f}.animate-tags,.animate-presets{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.animate-tags span{background:#edf0ff;border-radius:24px;padding:9px 15px;font-weight:700}.animate-example,.animate-create,#animate-result{background:#fff;border:1px solid #e1e5ef;border-radius:28px;padding:28px;margin-bottom:28px}.animate-tool h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.03em;margin:8px 0 18px}.animate-example>div>p{max-width:790px;line-height:1.6}.animate-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.animate-pair figure{margin:0}.animate-pair img,.animate-pair video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#17191d;border-radius:18px;display:block}.animate-pair figcaption{font-size:14px;color:#65728f;margin-top:9px}.animate-tool pre{white-space:pre-wrap;word-break:break-word;background:#f5f6fa;padding:18px;border-radius:14px;line-height:1.6}.animate-tool summary{cursor:pointer;padding:12px 0;font-weight:700}.animate-tool form>label:not(.animate-consent){font-size:20px;font-weight:750;display:block;margin:22px 0 12px}.animate-tool textarea{width:100%;box-sizing:border-box;font:inherit;padding:16px;border:1px solid #c5cde2;border-radius:16px;resize:vertical}.animate-tool input[type=file]{max-width:100%;font:inherit}.animate-preview{display:block;width:100%;max-width:640px;aspect-ratio:16/9;object-fit:contain;border-radius:16px;background:#e2e2e2;margin:20px 0}.animate-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:24px 0}.animate-consent input{margin-top:6px;flex-shrink:0}.animate-hint{font-size:14px;line-height:1.6;color:#65728f;max-width:850px}#animate-status{line-height:1.6}#animate-result-player{width:100%;max-height:70vh;background:#15171c;border-radius:18px}.animate-tool [hidden]{display:none!important}.animate-tool button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:650px){.animate-tool{padding:26px 16px 50px}.animate-pair{grid-template-columns:1fr}.animate-example,.animate-create,#animate-result{padding:20px;border-radius:22px}.animate-tool header>p:last-of-type{font-size:17px}.animate-tool .control{white-space:normal}}