.motion-nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:22px;border-bottom:1px solid var(--border);padding-bottom:16px}.motion-nav a{padding:9px 13px;font-size:12px;border:1px solid var(--border);border-radius:5px;text-decoration:none;color:var(--muted)}.motion-nav a[aria-current=page]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.editor-intro h1{max-width:900px}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.settings-heading h2{margin:0}.settings-heading button{font-size:11px;padding:6px;background:none;border:0;text-decoration:underline;color:var(--muted)}.motion-notes{margin-top:26px;line-height:1.8;color:var(--muted);font-size:12px}.motion-notes a{color:inherit}.depth-map{margin:18px 0;background:var(--bg);padding:10px;border-radius:8px}.depth-map img{display:block;width:100%;max-height:170px;object-fit:contain}.depth-map span{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:8px}#restore{width:100%;margin:-6px 0 20px;font-size:11px}#generate{margin-top:5px}#cancelDepth{margin-top:10px;width:100%}.new-motion{border-top:1px solid var(--border);margin-top:48px;padding-top:36px}.new-motion-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.new-motion h2{font-size:30px;letter-spacing:-1px;margin:0 0 12px}.new-motion p{color:var(--muted);line-height:1.8;font-size:14px}.new-motion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.new-motion-card{display:block;text-decoration:none;color:var(--home-ink);background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.new-motion-card canvas,.new-motion-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#101411}.new-motion-card div{padding:18px}.new-motion-card h3{font-size:19px;margin:0 0 7px}.new-motion-card p{font-size:12px;margin:0}.new-motion-card span{display:block;font-size:12px;margin-top:17px}.new-motion-card:hover{border-color:var(--accent)}.new-motion-toggle{font-size:12px;white-space:nowrap}.template-card small{min-height:43px}.editor-settings fieldset:disabled{opacity:.65}
@media(max-width:1000px){.new-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.motion-nav{gap:5px}.motion-nav a{font-size:10px;padding:9px}.new-motion-grid{grid-template-columns:1fr}.new-motion-heading{display:block}.new-motion h2{font-size:27px}.new-motion-toggle{margin-top:12px}.editor-intro h1{font-size:35px}.template-grid{max-height:430px}}
.motion-stage{position:relative}.depth-analysis{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:#101510e8;color:#f8f3e6;text-align:center}.depth-analysis[hidden],.depth-spinner[hidden]{display:none}.depth-analysis strong{font-size:clamp(16px,2vw,23px)}.depth-analysis p{max-width:360px;margin:0;line-height:1.6;font-size:13px;color:#ced4c8}.depth-spinner{width:27px;height:27px;border:2px solid #f8f3e633;border-top-color:#cdeba7;border-radius:50%;animation:depth-spin 1s linear infinite}.depth-preview-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.depth-preview-tools button{font-size:12px;padding:9px 14px;border:1px solid var(--border);border-radius:6px}.depth-preview-tools button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.depth-preview-tools span{font-size:11px;color:var(--muted)}@keyframes depth-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.depth-spinner{animation:none}}