.motion-toggle,.motion-editor{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;color:#f9eee8}
.motion-toggle{position:fixed;z-index:30;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));padding:12px 17px;border:1px solid #c6a6bb66;border-radius:24px;background:#261c35ed;box-shadow:0 6px 24px #100b203b;cursor:pointer}
.motion-toggle[aria-expanded="true"]{visibility:hidden}
.motion-editor{position:fixed;z-index:31;right:18px;top:18px;width:min(390px,calc(100vw - 36px));max-height:calc(100dvh - 36px);display:flex;flex-direction:column;border:1px solid #b895ad55;border-radius:18px;background:#21192ef5;box-shadow:0 16px 70px #0c091b80;backdrop-filter:blur(16px);overflow:hidden;isolation:isolate}
.motion-editor[hidden]{display:none}
.motion-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid #ffffff14}
.motion-header p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#dfaa94;margin:0 0 5px}
.motion-header h2{font-size:20px;font-weight:600;letter-spacing:-.035em;margin:0}
.motion-editor button{font:inherit;cursor:pointer;border:1px solid #d7b9cc40;border-radius:8px;color:inherit;background:#ffffff08;min-height:34px;padding:6px 10px}
.motion-editor button:hover,.motion-toggle:hover{background:#594057}
.motion-editor button:disabled{cursor:default;opacity:.3}
.motion-header-actions{display:flex;gap:6px;flex:none}.motion-header-actions button{font-size:23px;line-height:1;padding:2px;width:30px;flex:none}.motion-header-actions .motion-side{font-size:18px}
.motion-body{padding:16px 18px 18px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#795468 transparent}
.motion-preview{position:sticky;top:-16px;z-index:1;background:#21192ef5;padding:12px 0;margin-top:-12px;border-bottom:1px solid #ffffff14}
.motion-preview-buttons{display:flex;gap:8px;margin-bottom:12px}
.motion-preview-buttons button{flex:1}
.motion-preview label{display:flex;justify-content:space-between;color:#d2c2d5;font-size:11px}
.motion-preview output{font-variant-numeric:tabular-nums;color:#f4b294}
.motion-editor input[type="range"]{width:100%;margin:9px 0 0;accent-color:#efad91;cursor:ew-resize}
.motion-help{font-size:11px;line-height:1.55;color:#b7a5bf;margin:12px 0}
.motion-list{list-style:none;padding:0;margin:12px 0 18px;display:grid;gap:5px;max-height:250px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#795468 transparent}
.motion-row{display:flex;gap:4px;align-items:stretch}
.motion-editor .motion-pick{flex:1;min-width:0;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px}
.motion-pick[aria-pressed="true"]{border-color:#efad91aa;background:#efad911c}
.motion-pick span{font-size:12px}.motion-pick small{font-size:9px;color:#b7a5bf;white-space:nowrap;font-variant-numeric:tabular-nums}
.motion-editor .motion-reorder{width:28px;flex:none;padding:3px;font-size:15px}
.motion-fields fieldset{border:1px solid #d7b9cc40;border-radius:12px;padding:14px;margin:0}
.motion-fields legend{font-size:13px;color:#f4b294;padding:0 6px}
.motion-fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#cfbfd4;margin-bottom:12px}
.motion-fields select,.motion-fields input[type="number"]{font:inherit;font-size:13px;color:#fff0e7;background:#191324;border:1px solid #b895ad50;border-radius:7px;width:100%;min-height:36px;padding:7px 9px;color-scheme:dark}
.motion-fields input:disabled{opacity:.4}
.motion-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.motion-fields .motion-check{flex-direction:row;align-items:center;margin:4px 0 0;gap:8px;font-size:12px}
.motion-check input{accent-color:#f4b294}
.motion-file-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.motion-file-actions button{flex:1;font-size:11px}
.motion-status{font-size:11px;line-height:1.5;color:#d6b49f;margin:12px 0 0;min-height:32px}
.motion-editor :focus-visible,.motion-toggle:focus-visible{outline:2px solid #f4b294;outline-offset:3px}
@media(max-width:600px){.motion-editor{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:64dvh;border-radius:16px}.motion-header{padding:13px 16px}.motion-header h2{font-size:18px}.motion-toggle{font-size:11px;right:12px;bottom:12px;padding:10px 13px}.motion-body{padding:12px 14px}.motion-preview{top:-12px}.motion-list{max-height:160px}}
@media(prefers-reduced-motion:reduce){.motion-editor{backdrop-filter:none}}
@media(min-width:601px){.motion-editor[data-side="left"]{left:18px;right:auto}}
@media(max-width:600px){.motion-header-actions .motion-side{display:none}}