.motion-hero{padding-top:34px;padding-bottom:29px}.motion-hero h1{margin-bottom:5px}.motion-hero .hero-description{max-width:555px;margin:10px auto 0}.motion-hero .hero-detail{margin-top:12px}.motion-crumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;color:var(--muted);font-size:12px}.motion-crumb a{color:var(--accent-strong);display:inline-flex;align-items:center;min-height:44px}.motion-crumb a:hover{text-decoration:underline;text-underline-offset:3px}.motion-hero-accent{color:var(--accent-strong);font-size:clamp(18px,3vw,24px);font-weight:600}.motion-result,.motion-tool,.motion-tool .editor-card{scroll-margin-top:72px}.motion-upload-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,30%);gap:18px;padding:0 24px}.motion-upload-grid .motion-dropzone{min-height:248px;padding:22px 12px}.motion-example{display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:11px;overflow:hidden}.motion-example-art{flex:1;min-height:110px;display:grid;place-items:center;background:#eaf3f5;padding:14px}.motion-example-art>img{width:min(100%,230px);height:auto;border-radius:5px}.motion-example-timing{width:min(100%,230px);display:grid;gap:12px}.motion-example-timing>span{display:grid;align-items:center;grid-template-columns:24px 1fr 55px;gap:8px;font-size:13px;font-variant-numeric:tabular-nums}.motion-example-timing i{width:100%;height:10px;border-radius:8px;background:var(--blue)}.motion-example-timing span+span i{width:50%;background:var(--accent)}.motion-example-timing b{text-align:right}.motion-example-copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px}.motion-example-copy h3{font-size:15px;line-height:1.4}.motion-tool .button,.motion-tool .icon-button{min-height:44px}.motion-tool .button.primary{min-height:48px}.motion-tool .icon-button{min-width:44px}.motion-tool .editor-header{gap:10px}.motion-tool .file-identity,.motion-tool .file-identity>div{min-width:0}.motion-tool .file-identity h2{overflow-wrap:anywhere}.motion-tool .editor-actions .button{white-space:nowrap}.motion-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;padding:22px;align-items:start}.motion-result h3,.motion-workbench h3{font-size:15px;margin-bottom:9px}.motion-media{min-width:0;display:grid;place-items:center;min-height:130px;padding:8px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.motion-media canvas,.motion-media img{display:block;max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain}.motion-tool .preview-playback{margin:10px 0 0}.motion-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px}.motion-presets .button{justify-content:center;padding-inline:4px}.motion-presets [aria-pressed=true]{border-color:var(--accent);background:#e8f5f2;color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent)}.motion-field{display:grid;gap:5px;font-size:13px;font-weight:600}.motion-input-wrap{display:flex;align-items:center;position:relative}.motion-input-wrap input{width:100%;min-height:44px;min-width:0;padding:8px 36px 8px 11px;border:1px solid #aebfc8;border-radius:7px;background:#fff;font-size:16px}.motion-input-wrap>span{position:absolute;right:11px;color:var(--muted);pointer-events:none}.motion-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.motion-help,.motion-tool .field-error{font-size:13px;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}.motion-help{color:var(--muted)}.motion-help a{text-decoration:underline;text-underline-offset:3px;color:var(--accent-strong)}.motion-auto{min-height:44px;padding-block:8px;text-align:left}.motion-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;background:#eef6f5;padding:11px 14px;border-radius:8px;margin:12px 0}.motion-summary>div{display:grid;gap:0}.motion-summary span{color:var(--muted);font-size:12px}.motion-summary strong{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.motion-summary svg{color:var(--accent-strong)}.motion-submit{margin-top:8px}.motion-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:8px 10px;margin-top:10px;border:1px solid var(--border);border-radius:8px;background:#f3f8f8}.motion-status [role=status]{display:flex;align-items:center;gap:8px;font-size:13px}.motion-status svg{color:var(--accent-strong)}.upload-card>.motion-status{margin-inline:24px}.motion-downloads{display:flex;gap:8px;flex-wrap:wrap}.motion-downloads .button{white-space:nowrap}.motion-comparison,.motion-sheet-result{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.motion-comparison h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;justify-content:space-between}.motion-comparison h3 span{color:var(--muted);font-size:12px;font-weight:500}.motion-play-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.motion-scrubber{flex:1 1 110px;display:grid;min-width:0;color:var(--muted);font-size:12px}.motion-scrubber input{width:100%;margin:0;min-height:44px;accent-color:var(--accent)}.motion-steps{padding:0;list-style:none}@media (max-width:760px){.motion-hero{padding-top:12px;padding-bottom:18px}.motion-crumb{margin-bottom:2px}.motion-hero .hero-description{font-size:14px;line-height:1.55;margin-top:7px}.motion-hero .hero-detail{margin-top:8px}.motion-upload-grid{grid-template-columns:minmax(0,1fr);padding:0 14px;gap:10px}.motion-upload-grid .motion-dropzone{min-height:205px;padding:15px 10px}.motion-example{flex-direction:row;align-items:stretch}.motion-example-art{display:none}.motion-example-copy{width:100%;padding:8px 10px}.motion-workbench{grid-template-columns:minmax(0,1fr);padding:14px;gap:13px}.motion-source .motion-media{min-height:80px}.motion-source .motion-media img{max-height:128px}.motion-submit{width:100%;justify-content:center}.motion-result .result-heading{align-items:stretch}.motion-downloads .button{flex:1 1 132px;justify-content:center}.motion-sheet-result{grid-template-columns:minmax(0,1fr)}.motion-sheet-result .motion-media img{max-height:270px}.motion-result,.motion-tool,.motion-tool .editor-card{scroll-margin-top:65px}}@media (max-width:380px){.motion-hero{padding-bottom:10px}.motion-upload-grid .motion-dropzone{min-height:168px}.motion-tool .editor-actions{flex-wrap:nowrap}.motion-tool .file-stats{gap:4px}.motion-tool .local-tag{font-size:10px}.motion-example-copy .button{padding-inline:7px}.motion-comparison{gap:7px}.motion-comparison .motion-media{min-height:90px;padding:4px}}