@font-face{font-family:'Motion Sans';src:url('/assets/fonts/NotoSans-Latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Motion Devanagari';src:url('/assets/fonts/NotoSansDevanagari.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:block;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
.motion-studio{--motion-edge:#35423d;--motion-muted:#a7b6ae;max-width:1500px;margin:auto}.motion-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.motion-heading h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.4px;line-height:1.22;margin:12px 0}.motion-heading h1 span{display:block;font:500 16px 'Motion Devanagari','Motion Sans',sans-serif;letter-spacing:0;color:#bfcfbf;margin-top:12px}.motion-heading p{color:var(--motion-muted);max-width:670px;font-size:13px;line-height:1.8}.motion-chip{color:var(--lime);border:1px solid #536643;padding:10px 12px;border-radius:30px;font-size:10px;white-space:nowrap;letter-spacing:1px}.motion-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(310px,.86fr);gap:24px;align-items:start}.motion-preview-panel,.motion-edit-panel{min-width:0;border:1px solid var(--motion-edge);border-radius:20px;padding:22px;background:linear-gradient(145deg,#19201d,#111714)}.motion-preview-panel{position:sticky;top:98px}.motion-preview{display:flex;align-items:center;justify-content:center;min-height:360px;padding:20px;border-radius:13px;background:radial-gradient(#303a32 1px,transparent 1px) 0 0/15px 15px,#0e1512;overflow:hidden}.motion-preview canvas{display:block;max-width:100%;width:auto;max-height:520px;height:auto;box-shadow:0 12px 36px #0009;border-radius:4px}.motion-transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}.motion-transport output{margin-left:auto;color:#b9c8bc;font:12px monospace}.motion-scrub-label{display:block;color:var(--motion-muted);font-size:11px;margin:18px 0 10px}.motion-scrub-label input{display:block;width:100%;padding:0;accent-color:var(--lime);margin-top:8px}.motion-scene-track{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.motion-scene-track button{padding:10px;background:#29342c;border:1px solid #3b4a3e;border-radius:8px;display:flex;justify-content:space-between;color:#dce8dd;font-size:11px}.motion-scene-track b{color:var(--lime)}.motion-output{font-size:10px;color:var(--motion-muted);margin:16px 0}.motion-export{display:flex;flex-wrap:wrap;gap:8px}.motion-studio .button{font-size:11px;white-space:normal}.motion-studio progress{display:block;width:100%;height:7px;accent-color:var(--lime);margin-top:18px}.motion-studio #motion-status{min-height:35px;font-size:12px;line-height:1.7;color:#dce9d2;margin:12px 0}.motion-studio .field-help{font-size:10px;line-height:1.8;color:var(--motion-muted)}.motion-template-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}.motion-template-picker button{font-size:10px;line-height:1.5;border:1px solid var(--motion-edge);border-radius:12px;padding:9px;color:#bec8be}.motion-template-picker button.active{border-color:#a7c773;background:#31412b;color:#ecf6db}.motion-swatch{display:flex;align-items:center;justify-content:center;width:100%;height:65px;border-radius:6px;background:#2b3a31;color:#e5f39b;font:800 32px 'Motion Sans',sans-serif;margin-bottom:8px}.motion-swatch-kinetic{background:#e4d6fa;color:#30213c}.motion-swatch-cards{background:#20414a;color:#d8f3ed}.motion-studio fieldset{min-width:0;margin:0;padding:0;border:0}.motion-studio legend{font-size:18px;font-weight:650;margin-bottom:16px}.motion-studio label{display:block;font-size:11px;color:#b8c6bc;line-height:1.6;margin-bottom:14px}.motion-studio label input,.motion-studio label select,.motion-studio label textarea{display:block;width:100%;margin-top:6px;font:400 13px 'Motion Devanagari','Motion Sans',sans-serif;background:#0f1713;color:#f2f6ee;border:1px solid #3c4b40;border-radius:9px;padding:11px 12px}.motion-studio textarea{resize:vertical}.motion-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.motion-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.motion-colors label{text-transform:capitalize}.motion-colors input[type=color]{padding:3px;height:38px;cursor:pointer}.motion-media,.motion-scene{border-top:1px solid var(--motion-edge);padding-top:15px;margin-top:15px}.motion-studio summary{cursor:pointer;font-size:12px;color:#e0e9dd;line-height:1.6;margin-bottom:16px}.motion-scene summary span{display:inline-flex;padding:4px 8px;background:#34462b;color:var(--lime);border-radius:5px;margin-right:6px;font-size:10px}.motion-saves{border-top:1px solid var(--motion-edge);margin-top:25px;padding-top:22px}.motion-saves h2{font-size:18px;margin-bottom:15px}.motion-actions{display:flex;gap:8px;flex-wrap:wrap}.motion-import{margin-top:13px;position:relative;overflow:hidden;cursor:pointer;display:inline-flex!important}.motion-import input{position:absolute;inset:0;opacity:0;cursor:pointer}.motion-saved-item{display:flex;width:100%;text-align:left;justify-content:space-between;gap:12px;padding:12px;border:1px solid #38463b;border-radius:8px;margin-top:8px;font-size:11px;overflow-wrap:anywhere}.motion-saved-item small{color:var(--motion-muted);white-space:nowrap}.motion-studio button:focus-visible,.motion-studio input:focus-visible,.motion-studio textarea:focus-visible,.motion-studio select:focus-visible{outline:2px solid #d4ef78;outline-offset:3px}.motion-studio fieldset:disabled{opacity:.6}.motion-studio button:disabled{opacity:.5;cursor:wait}
@media(min-width:1600px){.motion-preview canvas{max-height:640px}}
@media(max-width:1100px){.motion-layout{grid-template-columns:minmax(0,1fr)}.motion-preview-panel{position:static}.motion-preview canvas{max-height:440px}.motion-heading .motion-chip{display:none}}
@media(max-width:600px){.motion-heading{margin-bottom:20px}.motion-heading h1{font-size:30px}.motion-heading h1 span{font-size:14px}.motion-heading p{font-size:11px}.motion-layout{gap:15px}.motion-preview-panel,.motion-edit-panel{padding:15px;border-radius:14px}.motion-preview{padding:12px;min-height:260px}.motion-preview canvas{max-height:390px}.motion-template-picker button{font-size:9px}.motion-swatch{height:52px}.motion-studio label input,.motion-studio label select,.motion-studio label textarea{font-size:16px}.motion-studio .button{font-size:10px;padding:10px 11px}.motion-output{font-size:9px}.motion-transport output{font-size:10px}.motion-two{gap:8px}}