.motion-panel{position:fixed;z-index:100;right:18px;bottom:18px;width:320px;max-width:calc(100vw - 28px);max-height:calc(100svh - 28px);overflow:auto;background:#fff;color:#171717;border:1px solid #e4e4e4;border-radius:20px;padding:20px;box-shadow:0 12px 60px #0002;font-size:13px;line-height:1.4;text-align:left}
.motion-panel[hidden],.motion-panel [hidden]{display:none!important}
.motion-panel button{font:inherit;border-radius:9px;padding:9px 12px;background:#f2f2f2;cursor:pointer}
.motion-panel button:disabled{opacity:.4;cursor:default}
.motion-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.motion-header strong{font-size:17px;font-weight:500}.motion-header .motion-dismiss{width:30px;height:30px;padding:0;border-radius:50%;font-size:22px}
.motion-intro{color:#6d6d6d;margin:6px 0 17px}
.motion-tabs{display:flex;gap:3px;border-radius:11px;padding:3px;background:#f2f2f2;margin-bottom:16px}.motion-tabs button{flex:1;background:transparent}.motion-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #0001}
.motion-explain{color:#666;margin:0 0 20px;font-size:12px}
.motion-control{display:block;margin:0 0 19px}.motion-control>span{display:flex;justify-content:space-between;margin-bottom:7px}.motion-control output{color:#656565;font-variant-numeric:tabular-nums}.motion-control input{display:block;width:100%;margin:0;accent-color:#111;cursor:pointer}
.motion-case{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}.motion-case select{font:inherit;max-width:155px;padding:7px;border:1px solid #ddd;background:#fff;border-radius:7px}
.motion-panel .motion-primary{background:#111;color:#fff;flex:1}.motion-buttons{display:flex;gap:8px}.motion-tools{display:flex;justify-content:space-between;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #eee}.motion-tools button{font-size:12px;background:transparent;padding:5px 0;text-decoration:underline;text-underline-offset:3px}
.motion-status{font-size:12px;color:#666;margin:10px 0 0;min-height:17px}.motion-shortcut{font-size:11px;color:#888;margin:8px 0 0}.motion-export{width:100%;height:170px;border:1px solid #ddd;border-radius:8px;margin-top:12px;font-size:12px;padding:10px}
@media(max-width:650px){.motion-panel{right:14px;bottom:14px;padding:17px;width:290px}}
.motion-detail{border-top:1px solid #eee;padding:12px 0 2px;margin:0 0 7px}
.motion-detail summary{cursor:pointer;font-size:13px;font-weight:500;margin-bottom:10px}
.motion-detail .motion-control{margin:12px 0 16px}
.motion-control input[type=color]{width:100%;height:32px;padding:2px;border:1px solid #ddd;background:#fff;border-radius:7px}
.motion-panel{max-height:calc(100svh - 36px)}
.motion-panel section>.motion-primary,.motion-panel .motion-buttons{position:sticky;bottom:0;z-index:1;box-shadow:0 0 0 6px #fff}