.motion-page{--paper:#faf7f2;--ink:#1c1a17;--ink-soft:#615a52;--paper-2:#f2ede4;--line:#e5ded2;--surface:#fffdf7;--brand:#c2361c;--brand-soft:#fbe8e1;--flame:#ff6a47;--stage:#11152d;--line-strong:#17382f40;--line-soft:#17382f30;--line-hover:#cfc6b6;--tint:#17382f0d;--surface-warm:#fffdf7;--surface-warm-a:#fffdf7aa;--sage:#749475;--preview-bg:#e8ece0;--preview-glow:#d8f06f35;--success:#2f7a4f;background:var(--paper);color:var(--ink);min-height:100vh;font-family:Geist Variable,PingFang SC,system-ui,sans-serif}.dark .motion-page{--paper:#121110;--ink:#f3efe8;--ink-soft:#a9a196;--paper-2:#1f1c19;--line:#2e2a26;--surface:#191715;--brand:#ff7a5c;--brand-soft:#3a1d15;--flame:#ff6a47;--stage:#0b0e1f;--line-strong:#ffffff24;--line-soft:#ffffff1a;--line-hover:#4a443d;--tint:#ffffff0f;--surface-warm:#1b1916;--surface-warm-a:#1b1916aa;--sage:#9bbf9c;--preview-bg:#161a14;--preview-glow:#d8f06f14;--success:#6fcf97}.motion-page main{max-width:none;padding:0}.motion-stage{background:radial-gradient(60% 80% at 20% 10%, #ff6a4733, transparent 70%), radial-gradient(50% 70% at 85% 30%, #4b5bd633, transparent 70%), var(--stage);position:relative;overflow:hidden}.motion-overlap{max-width:1152px;margin:-96px auto 0;padding:0 16px 80px;position:relative}.motion-overlap .motion-workspace{background:var(--surface);border:1px solid var(--line);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:24px;margin:0;padding:24px;scroll-margin-top:96px;box-shadow:0 1px 2px #1c1a170d,0 24px 48px -12px #1519352e}.motion-overlap .motion-inputs{background:0 0;border:0;padding:0}.motion-overlap .motion-preview{background:var(--paper-2);border:0;border-radius:24px}.motion-hero{max-width:850px;margin-bottom:48px;animation:.65s ease-out motion-enter}.motion-kicker{letter-spacing:.16em;margin-bottom:24px;font:12px monospace}.motion-hero h1{letter-spacing:-.055em;margin-bottom:24px;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(40px,6.5vw,78px);line-height:1.12}.motion-hero p:last-child{max-width:620px;font-size:18px;line-height:1.7}.motion-workspace{border:1px solid var(--line-strong);border-radius:18px;grid-template-columns:1fr 1.25fr;display:grid;overflow:hidden;box-shadow:0 18px 65px #17382f0a}.motion-inputs{background:var(--surface-warm);flex-direction:column;gap:16px;padding:32px;display:flex}.motion-inputs>label{font-size:13px;font-weight:600}.motion-inputs input[type=file]{width:100%;height:auto;padding:14px}.motion-inputs textarea{min-height:110px}.motion-inputs button{height:46px}.motion-actions{--btn-primary:#c2361c;--btn-primary-hover:#a82c15;--btn-primary-text:#fff;--btn-primary-off-bg:#b8452d;--btn-primary-off-text:#fff;--btn-primary-off-line:transparent;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px;margin-top:4px;display:grid}.dark .motion-actions{--btn-primary:#ff6a47;--btn-primary-hover:#ff8466;--btn-primary-text:#1a0b06;--btn-primary-off-bg:#b8452d;--btn-primary-off-text:#fff;--btn-primary-off-line:transparent}.motion-actions button[data-slot=button]{letter-spacing:-.01em;border-radius:14px;gap:8px;height:52px;padding:0 20px;font-size:15px;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}.motion-actions button[data-slot=button] svg{width:18px;height:18px}.motion-actions button.motion-btn-primary,.motion-actions button.motion-btn-secondary{background:var(--btn-primary);color:var(--btn-primary-text);border:1px solid #0000;box-shadow:0 1px 2px #1c1a1726}.motion-actions button.motion-btn-primary:not(:disabled):hover,.motion-actions button.motion-btn-secondary:not(:disabled):hover{background:var(--btn-primary-hover);box-shadow:0 6px 16px -6px #c2361c80}.motion-btn-arrow{margin-left:2px;transition:transform .15s}.motion-btn-primary:not(:disabled):hover .motion-btn-arrow{transform:translate(3px)}.motion-actions button[data-slot=button]:disabled{opacity:1;pointer-events:auto;cursor:not-allowed;transform:none}.motion-actions button.motion-btn-primary:disabled,.motion-actions button.motion-btn-secondary:disabled{background:var(--btn-primary-off-bg);color:var(--btn-primary-off-text);border-color:var(--btn-primary-off-line);box-shadow:none}.motion-actions-hint{color:var(--ink-soft);grid-column:1/-1;align-items:center;gap:8px;font-size:13px;display:flex}.motion-actions-hint svg{width:15px;height:15px;color:var(--brand);flex-shrink:0}@media (width<=560px){.motion-actions{grid-template-columns:1fr}}.motion-consent{align-items:flex-start;gap:10px;line-height:1.6;display:flex}.motion-consent input{margin-top:4px}.motion-status{opacity:.75;font-size:12px;line-height:1.65}.motion-preview{background:radial-gradient(ellipse at 70% 20%, var(--preview-glow), transparent 65%), var(--preview-bg);min-height:440px;padding:32px}.motion-preview h2{text-transform:uppercase;letter-spacing:.12em;font:12px monospace}.motion-preview video,.motion-preview img{object-fit:contain;border-radius:8px;width:100%;max-height:280px;margin-top:20px}.motion-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:330px;display:flex}.motion-empty span{color:var(--sage);font:110px Georgia,serif}.motion-guide{padding:80px 0 32px}.motion-guide h2,.motion-faq h2{margin-bottom:32px;font:clamp(26px,3vw,38px) Libre Baskerville,Georgia,serif}.motion-steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.motion-steps article{border-top:1px solid var(--line-strong);padding-top:22px}.motion-steps h3{margin-bottom:12px;font-size:19px}.motion-steps p,.motion-faq p{opacity:.85;font-size:15px;line-height:1.8}.motion-faq{max-width:800px;padding:48px 0}.motion-faq details{border-bottom:1px solid var(--line-soft);padding:20px 0}.motion-faq summary{cursor:pointer;font-weight:600}.motion-faq p{padding-top:16px}.motion-footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px 0;font-size:13px;display:flex}@keyframes motion-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=700px){.motion-overlap{margin-top:-64px}.motion-overlap .motion-workspace{border-radius:24px;padding:16px}.motion-workspace,.motion-steps{grid-template-columns:1fr}.motion-inputs,.motion-preview{padding:22px}.motion-guide{padding-top:50px}}@media (prefers-reduced-motion:reduce){.motion-hero{animation:none}}.motion-file{background:var(--tint);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.motion-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.motion-file button{cursor:pointer;font-size:12px;text-decoration:underline}.motion-progress{justify-content:space-between;align-items:center;font-size:13px;display:flex}.motion-progress button{cursor:pointer;text-decoration:underline}.motion-modes{flex-wrap:wrap;gap:8px;display:flex}.motion-modes button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:8px 18px;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s}.motion-modes button:hover{border-color:var(--line-hover)}.motion-modes button[aria-selected=true],.motion-modes button[aria-checked=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}.motion-label{font-size:13px;font-weight:600}.motion-presets{flex-wrap:wrap;gap:6px;display:flex}.motion-presets button{background:var(--tint);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.motion-history{margin-top:28px;font-size:13px}.motion-history h3{text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font:12px monospace}.motion-history ul{flex-direction:column;gap:8px;display:flex}.motion-history li{background:var(--surface-warm-a);border-radius:8px;grid-template-columns:1.2fr 1fr auto;gap:12px;padding:8px 12px;display:grid}.motion-overlap .motion-modes button{color:var(--ink)}.motion-overlap .motion-inputs>label,.motion-overlap .motion-label{font-size:15px;font-weight:600}.motion-overlap .motion-inputs input[type=file]{border:1px dashed var(--line-hover);background:var(--paper);cursor:pointer;border-radius:16px;height:auto;padding:14px;font-size:14px}.motion-overlap .motion-inputs input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--surface);border-radius:999px;margin-right:12px;padding:6px 14px;font-weight:500}.motion-overlap .motion-preview h2{text-transform:none;letter-spacing:0;font-family:inherit;font-size:15px;font-weight:600}.motion-overlap .motion-empty span{color:var(--flame);font-size:64px}.motion-overlap .motion-status{color:var(--ink-soft)}.motion-overlap .motion-presets button{color:var(--ink);background:var(--paper-2);border:1px solid var(--line)}@media (width<=860px){.motion-overlap .motion-workspace{grid-template-columns:1fr}}.motion-scenes{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.motion-scenes button{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;padding:8px;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s;display:flex}.motion-scenes button svg{width:18px;height:18px}.motion-scenes button:hover{border-color:var(--line-hover)}.motion-scenes button[aria-checked=true]{background:var(--brand-soft);border-color:var(--brand)}@media (width<=560px){.motion-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-scenes button{border-radius:20px}}.motion-task-id{opacity:.5;font-family:monospace;font-size:11px}