#motionScenes{color:#d9e1dc;background:#121719;min-height:calc(100vh - 78px)}.ml-page{max-width:1300px;margin:auto;padding:55px 5%}.ml-page h1{font-size:42px;letter-spacing:-1.7px;line-height:1.25}.ml-page p{color:#91a09b;font-size:12px;line-height:1.9}.ml-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.ml-page .primary,.ml-editor .primary{background:#eca789;color:#221c19}.ml-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}.ml-card{text-align:left;padding:0;background:#1c2427;border:1px solid #384348;border-radius:9px;overflow:hidden}.ml-card-art{height:180px;background:radial-gradient(ellipse at 30% 20%,#43535b,#20272b);position:relative;overflow:hidden}.ml-card-art i{position:absolute;width:120px;height:120px;background:#eda88d;border-radius:50%;top:30px;left:50%;box-shadow:-55px 30px 0 -10px #adbf9d}.ml-card-art span{position:absolute;bottom:20px;left:22px;font:10px monospace;color:#e2e4dd}.ml-card h2{font-size:19px;font-weight:500;padding:0 22px}.ml-card small{display:block;padding:0 22px 24px;font-size:10px;color:#879b96}.ml-bar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #344045;flex-wrap:wrap;background:#1b2326}.ml-bar button,.ml-import{font-size:11px;white-space:nowrap}.ml-bar input{background:none;border:0;color:#e5e5db;font-size:14px;width:220px;min-width:0}.ml-bar>span{font:10px monospace;color:#d8a68f;margin-right:auto}.ml-bar button:disabled{opacity:.4}.ml-bar .primary{padding:11px 15px}.ml-import{cursor:pointer;border:1px solid #40504f;padding:8px 10px;border-radius:4px}.ml-workspace{display:grid;grid-template-columns:180px minmax(0,1fr) 235px;max-width:1800px;margin:auto}.ml-targets,.ml-inspector{padding:22px 16px;background:#1b2225;min-width:0}.ml-targets{border-right:1px solid #344045}.ml-inspector{border-left:1px solid #344045}.ml-label{font:10px monospace;letter-spacing:1.3px;color:#93a6a6;margin:4px 0 20px}.ml-targets>button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:11px;padding:12px 10px;border-radius:5px;color:#9eafac;margin-bottom:7px}.ml-targets>button.active{background:#384340;color:#f2ceac}.ml-targets i{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ml-targets p{font-size:10px;color:#728982;line-height:1.9;margin-top:24px}.ml-add{border-top:1px solid #3a4748;margin-top:22px;padding-top:16px}.ml-add button{display:block;font-size:11px;padding:9px;color:#d6ac91}.ml-center{padding:24px;min-width:0}.ml-canvas-meta{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#7b928e;margin-bottom:18px}#mlCanvas{border:1px solid #485455;border-radius:6px}#mlCanvas [data-target]{cursor:pointer}#mlCanvas [data-target]:hover{outline:1px dashed #f0b796;outline-offset:3px}.ml-transport{display:flex;align-items:center;gap:10px;margin:20px 0 30px;font-size:10px;flex-wrap:wrap}.ml-transport input{flex:1;min-width:40px;accent-color:#e9ae93}.ml-transport button{padding:7px 10px;border:1px solid #465450;border-radius:4px;font-size:10px;white-space:nowrap}.ml-transport small{color:#8d9e95;white-space:nowrap}.ml-timeline-head{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid #394446;font-size:11px}.ml-timeline-head b{font-weight:500;margin-right:auto}.ml-timeline-head small{display:block;font-size:9px;color:#789088;margin-top:7px}.ml-timeline-head select{background:#263134;border:1px solid #44534e;color:#abbeb2;border-radius:4px;padding:7px;font-size:10px;max-width:120px}.ml-timeline-head>button{font-size:10px;color:#e4ad90}.ml-tracks{border:1px solid #394747;border-radius:6px;overflow:hidden}.ml-track{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 8px;border-bottom:1px solid #344040;background:#1b2427;min-height:57px}.ml-track:last-child{border:0}.ml-track.active{background:#303631}.ml-track.muted .ml-lane{opacity:.4}.ml-mute{font-size:10px;width:20px;color:#dfa486;flex-shrink:0}.ml-track-name{width:108px;flex-shrink:0;text-align:left;font-size:10px;color:#d3d9cb;overflow:hidden;text-overflow:ellipsis}.ml-track-name small{display:block;font-size:9px;color:#869d94;margin-top:5px}.ml-lane{position:relative;flex:1;height:23px;margin:0 8px;background:repeating-linear-gradient(90deg,#b4c7a50b 0,#b4c7a50b 1px,transparent 1px,transparent 25%);border:1px solid #6170624d;border-radius:3px}.ml-key{position:absolute;top:7px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:#c88d70;border:1px solid #ecc6a7;padding:0;touch-action:none}.ml-key.selected{background:#eff5d7;box-shadow:0 0 0 3px #eaa47e33}.ml-key:before{content:'';position:absolute;inset:-7px}.ml-playhead{position:absolute;top:-6px;bottom:-6px;width:1px;background:#f9d8b1;pointer-events:none;z-index:2}.ml-inspector label{display:block;font-size:10px;color:#98afa5;margin-bottom:14px}.ml-inspector input:not([type=checkbox]),.ml-inspector select,.ml-inspector textarea{display:block;width:100%;border:1px solid #43524e;border-radius:4px;background:#273230;color:#d5e1cf;font:11px/1.5 system-ui;padding:8px;margin-top:6px;min-width:0}.ml-inspector textarea{resize:vertical;min-height:65px}.ml-inspector input[type=color]{height:35px;padding:4px}.ml-inspector .ml-check{display:flex;align-items:center;gap:7px}.ml-check input{accent-color:#efaa89}.ml-inspector .ml-label:not(:first-child){padding-top:22px;border-top:1px solid #3c4a46;margin-top:22px}.ml-two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ml-inspector button{font-size:10px;color:#d1a68c;padding:9px 0}.ml-key-actions{display:flex;flex-wrap:wrap;gap:4px 15px}.ml-inspector .ml-trigger-test{border:1px solid #665d4b;border-radius:5px;padding:12px;width:100%;margin-top:24px}.ml-note{font-size:10px;line-height:1.9;color:#82978c;margin:20px 0}.ml-version{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #4c5a43;font-size:11px}.ml-version button{color:#d0b58c}.ml-editor input:focus-visible,.ml-editor textarea:focus-visible,.ml-editor select:focus-visible{outline:2px solid #dca383;outline-offset:2px}@media(max-width:1100px){.ml-workspace{grid-template-columns:140px minmax(0,1fr) 200px}.ml-center{padding:20px 15px}.ml-track-name{width:80px}.ml-timeline-head{flex-wrap:wrap}}@media(max-width:800px){.ml-workspace{grid-template-columns:1fr}.ml-targets{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #3a4843}.ml-targets .ml-label{width:100%;margin-bottom:5px}.ml-targets>button{width:auto;margin:0}.ml-targets .ml-add{display:flex;margin:0;padding:0;border:0}.ml-targets p{display:none}.ml-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-top:1px solid #40504a}.ml-inspector .ml-label,.ml-inspector .ml-two,.ml-key-actions{grid-column:1/-1}.ml-inspector .ml-trigger-test{grid-column:1/-1}.ml-grid{grid-template-columns:repeat(2,1fr)}.ml-heading{align-items:start;flex-direction:column}.ml-bar{padding:15px;gap:13px}.ml-bar input{width:180px}}@media(max-width:500px){.ml-page{padding:35px 20px}.ml-page h1{font-size:30px}.ml-grid{grid-template-columns:1fr}.ml-center{padding:20px 12px}.ml-track-name{width:68px;font-size:9px}.ml-track{padding-right:10px}.ml-transport{gap:7px}.ml-transport button{font-size:9px;padding:7px}.ml-timeline-head b{width:100%}.ml-bar input{width:160px}.ml-bar>span{font-size:9px}.ml-canvas-meta{font-size:8px;letter-spacing:0}.ml-note{font-size:9px}.ml-inspector{padding:20px}.ml-page h1{letter-spacing:-1px}}

.toast{pointer-events:none}
.ml-examples{margin:14px 0 40px;padding-top:30px;border-top:1px solid #344045}.ml-examples .ml-label{margin:0 0 4px}.ml-example-grid{margin-top:18px}.ml-card small.ml-use{color:#d9b592;padding-top:0;margin-top:-14px}.ml-card small.ml-desc{color:#879b96}.ml-examples .ml-card-art i{background:#a5c996;box-shadow:-55px 30px 0 -10px #e5b598}
.ml-solo{width:22px;height:22px;border:1px solid #3e4c50;border-radius:4px;background:none;color:#8ba39e;font:700 10px system-ui;cursor:pointer;margin-right:4px}
.ml-solo.on{background:#eca789;border-color:#eca789;color:#221c19}
.ml-key.multi{box-shadow:0 0 0 2px #e6c079,0 0 0 4px rgba(230,192,121,.35);z-index:3}
.ml-loop-band{position:absolute;top:2px;bottom:2px;background:rgba(230,192,121,.16);border-left:1px solid #e6c079;border-right:1px solid #e6c079;pointer-events:none}
.ml-multi-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;margin:0 0 8px;border:1px solid #4a4132;background:#2a2519;border-radius:6px;font-size:11px}
.ml-multi-bar b{color:#e6c079}
.ml-multi-bar button{font-size:11px;padding:5px 9px}
.ml-transport button.on{background:#e6c079;color:#221c19;border-color:#e6c079}