.motion-tool{font-weight:800;font-size:20px;line-height:1}.motion-tool span{display:block;transform:rotate(-24deg)}.pattern-motion-panel{position:fixed;z-index:1000;left:50%;bottom:72px;width:min(760px,calc(100vw - 32px));max-height:min(62vh,620px);overflow:auto;transform:translate(-50%,calc(100% + 100px));opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;background:#17152a;color:#f8f7ff;border:1px solid #484364;border-radius:18px;box-shadow:0 26px 70px rgba(12,10,30,.42);padding:18px}.pattern-motion-panel.is-open{transform:translate(-50%,0);opacity:1;pointer-events:auto}.motion-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.motion-header p{margin:0 0 3px;color:#a9a4cf;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.motion-header strong{font-size:18px}.motion-close{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}.motion-settings{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;background:#24213c;border-radius:12px}.motion-settings label,.motion-row label{display:flex;align-items:center;gap:5px;color:#d8d5ed;font-size:12px}.motion-settings input,.motion-settings select,.motion-row input{width:80px;background:#111022;color:#fff;border:1px solid #56506f;border-radius:7px;padding:7px;font:inherit}.motion-settings select{width:126px}.motion-check{padding-bottom:7px}.motion-check input{width:auto}.motion-help{font-size:12px;color:#aaa4cc;margin:12px 2px}.motion-list{display:grid;gap:7px}.motion-row{display:grid;grid-template-columns:28px 28px 1fr auto auto;gap:8px;align-items:center;padding:8px;background:#211e38;border-radius:10px}.motion-order{border:1px solid #514b70;background:#2c2948;color:#fff;border-radius:6px;padding:4px;cursor:pointer}.motion-order:disabled{opacity:.35}.motion-box{font-weight:700;font-size:13px}.motion-row input{width:58px;padding:5px}.motion-empty{color:#aaa4cc}.motion-actions{display:flex;gap:8px;margin-top:14px}.motion-actions button{border:0;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer;background:#edeaff;color:#211d3d}.motion-actions .motion-stop,.motion-actions .motion-reset{background:#393451;color:#f4f2ff}@media(max-width:620px){.motion-row{grid-template-columns:24px 24px 1fr;gap:6px}.motion-row label{grid-column:auto}.pattern-motion-panel{bottom:62px;padding:12px}.motion-settings{gap:8px}}