.ma-editor{--paper:#0f1c29;--paper-2:#0b1520;--grid:rgba(124,196,255,.05);--surface:#111f2d;--buff:rgba(255,181,71,.12);--ink:#eef4fa;--ink-2:#a3b5c6;--ink-3:#7d91a5;--rule:#22374b;--rule-2:#1a2c3e;--magenta:#ffb547;--magenta-2:#ffcf85;--magenta-tint:rgba(255,181,71,.14);--blue:#7cc4ff;--ok:#4cc38a;--err:#ff8a80;--font:var(--font-archivo),"Helvetica Neue",Arial,system-ui,sans-serif;--r-ctl:8px;--r-panel:12px;color-scheme:dark;color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased}.ma-editor *{box-sizing:border-box}.ma-editor button,.ma-editor input,.ma-editor select{font:inherit;color:inherit}.ma-editor button{cursor:pointer}.ma-editor :focus-visible{outline:2px solid var(--magenta);outline-offset:2px}.ma-editor .app{display:grid;grid-template-columns:330px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100%;background:var(--surface)}.ma-editor .topbar{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--rule);background:var(--surface);flex-wrap:wrap}.ma-editor .tools{display:flex;gap:4px;flex:1;flex-wrap:wrap}.ma-editor .tools button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:var(--r-ctl);padding:6px 12px 6px 8px;font-weight:600;color:var(--ink-2);--g-fill:#9aa7b4;--g-line:#9aa7b4}.ma-editor .tools button:hover{background:var(--paper);color:var(--ink)}.ma-editor .tools button[aria-pressed=true]{background:var(--magenta-tint);color:var(--ink);border-color:rgba(255,181,71,.5);--g-fill:var(--magenta);--g-line:var(--ink)}.ma-editor .glyph{display:block;flex:none}.ma-editor .seg-btns{display:inline-flex;gap:2px;padding:3px;background:var(--paper);border-radius:999px}.ma-editor .seg-btns button{background:transparent;border:0;border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}.ma-editor .seg-btns button:hover{color:var(--ink)}.ma-editor .seg-btns button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.35)}.ma-editor .btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-ctl);padding:7px 13px;font-weight:600;font-size:14px;white-space:nowrap;color:var(--ink)}.ma-editor .btn:hover{border-color:var(--ink-3)}.ma-editor .btn.primary{background:var(--magenta);border-color:var(--magenta);color:#1a1206}.ma-editor .btn.primary:hover{background:var(--magenta-2);border-color:var(--magenta-2)}.ma-editor .btn:disabled{opacity:.45;cursor:default}.ma-editor .btn.small{padding:4px 9px;font-size:13px}.ma-editor .btn.file{position:relative;overflow:hidden}.ma-editor .btn.file input{position:absolute;inset:0;opacity:0;cursor:pointer}.ma-editor .round-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);color:var(--ink)}.ma-editor .round-btn:hover{border-color:var(--ink-3)}.ma-editor .round-btn.play{width:44px;height:44px;background:var(--magenta);border-color:var(--magenta);color:#1a1206}.ma-editor .round-btn.play:hover{background:var(--magenta-2)}.ma-editor .round-btn:disabled{opacity:.45;cursor:default}.ma-editor .pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,181,71,.25)}}@media (prefers-reduced-motion:reduce){.ma-editor .pulse{animation:none}}.ma-editor .sidebar{border-right:1px solid var(--rule);overflow:auto;display:flex;flex-direction:column;background:var(--surface);min-height:0}.ma-editor .tabs{display:flex;gap:18px;padding:12px 18px 0;border-bottom:1px solid var(--rule-2)}.ma-editor .tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:6px 0 9px;font-weight:600;color:var(--ink-3)}.ma-editor .tabs button:hover{color:var(--ink)}.ma-editor .tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--magenta)}.ma-editor .form{display:grid;gap:16px;padding:16px 18px 20px}.ma-editor .sidebar-foot{margin-top:auto;padding:12px 18px;border-top:1px solid var(--rule-2)}.ma-editor .field{display:grid;gap:6px}.ma-editor .field-label{font-size:13px;font-weight:600;color:var(--ink-2)}.ma-editor .hint{font-size:12.5px;line-height:1.45}.ma-editor .hint,.ma-editor .muted{color:var(--ink-3)}.ma-editor .small{font-size:13px}.ma-editor input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.ma-editor select{width:100%;min-width:0;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-ctl);padding:7px 10px;font-size:14px}.ma-editor input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]):hover,.ma-editor select:hover{border-color:#3a5873}.ma-editor input:focus,.ma-editor select:focus{border-color:var(--magenta);outline:none;box-shadow:0 0 0 3px rgba(255,181,71,.18)}.ma-editor input::placeholder{color:#6c8196}.ma-editor input[type=number]{width:76px!important;font-variant-numeric:tabular-nums}.ma-editor input[type=checkbox]{accent-color:var(--magenta);width:15px;height:15px}.ma-editor input[type=range]{accent-color:var(--magenta);width:100%}.ma-editor input[type=color]{width:40px;height:34px;border:1px solid var(--rule);border-radius:var(--r-ctl);background:var(--surface);padding:3px;cursor:pointer}.ma-editor .row{display:flex;gap:6px;align-items:center}.ma-editor .row.small{font-size:13px;gap:14px}.ma-editor .grow{flex:1;min-width:0}.ma-editor .check{display:flex;gap:7px;align-items:center;cursor:pointer;font-size:14px}.ma-editor .check.small{font-size:12.5px;color:var(--ink-2);white-space:nowrap}.ma-editor .list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ma-editor .list li{display:flex;gap:4px;align-items:center;background:var(--surface);border:1px solid var(--rule-2);border-radius:var(--r-ctl);padding:5px 6px 5px 10px;font-size:14px}.ma-editor .list li:hover{background:var(--buff);border-color:rgba(255,181,71,.38)}.ma-editor .list li.stop{display:grid;gap:6px;padding:8px}.ma-editor .list li.stop:hover{background:var(--surface);border-color:var(--rule)}.ma-editor .icon{display:inline-grid;place-items:center;background:transparent;border:0;border-radius:6px;width:28px;height:28px;color:var(--ink-3);flex:none}.ma-editor .icon:hover{background:var(--paper);color:var(--ink)}.ma-editor .icon:disabled{opacity:.3;cursor:default;background:transparent}.ma-editor .chips{display:flex;flex-wrap:wrap;gap:6px}.ma-editor .chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px dashed #3a5873;border-radius:999px;padding:3px 10px 3px 8px;font-size:13px;color:var(--ink-2)}.ma-editor .chip:hover{border-color:var(--magenta);color:var(--ink)}.ma-editor .chip-group{display:inline-flex}.ma-editor .chip-group .chip{border-style:solid}.ma-editor .chip-group .chip:first-child{border-radius:999px 0 0 999px;padding-left:10px}.ma-editor .chip-group .chip.x{border-left:0;border-radius:0 999px 999px 0;padding:3px 8px}.ma-editor .picker{position:relative}.ma-editor .picker-list{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 12px 32px -12px rgba(0,0,0,.6)}.ma-editor .picker-list button{width:100%;text-align:left;background:transparent;border:0;padding:6px 9px;border-radius:6px;font-size:14px}.ma-editor .picker-list button:hover{background:var(--buff)}.ma-editor .phase{border:1px solid var(--rule);border-radius:10px;padding:10px 12px 12px;display:grid;gap:10px}.ma-editor .phase legend{color:var(--ink-2);font-size:13px;font-weight:600;padding:0 6px}.ma-editor .stage-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0;background:var(--paper-2)}.ma-editor .stage{display:grid;place-items:center;min-height:0;padding:14px;overflow:hidden;background-color:var(--paper-2);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;background-position:50%}.ma-editor .preview-canvas{display:block;border-radius:6px;box-shadow:0 0 0 1px rgba(124,196,255,.12),0 20px 40px -20px rgba(0,0,0,.6)}.ma-editor .fatal,.ma-editor .loading{color:var(--ink-3);padding:40px;text-align:center}.ma-editor .transport{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--rule);background:var(--surface)}.ma-editor .sep{flex:1}.ma-editor .timeline{padding:4px 14px 12px;background:var(--surface);display:grid;gap:8px}.ma-editor .tl-track{height:46px;background:var(--paper);border-radius:var(--r-ctl);cursor:pointer;user-select:none}.ma-editor .tl-seg,.ma-editor .tl-track{position:relative;display:flex;overflow:hidden}.ma-editor .tl-seg{border-right:2px solid var(--surface);padding:4px 10px;background:#1a2c3e;flex-direction:column;justify-content:center;min-width:0}.ma-editor .tl-seg:nth-child(2n){background:#21374a}.ma-editor .tl-seg:hover{background:#284460}.ma-editor .tl-seg.sel{background:var(--magenta-tint);box-shadow:inset 0 0 0 2px var(--magenta)}.ma-editor .tl-label{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma-editor .tl-dur{font-size:11.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}.ma-editor .tl-handle{position:absolute;top:0;right:0;width:10px;height:100%;cursor:ew-resize;z-index:2}.ma-editor .tl-handle:after{content:"";position:absolute;top:30%;bottom:30%;left:4px;width:2px;border-radius:2px;background:rgba(238,244,250,.35)}.ma-editor .tl-handle:hover:after{background:var(--magenta)}.ma-editor .tl-playhead{background:var(--ink)}.ma-editor .tl-cue,.ma-editor .tl-playhead{position:absolute;top:0;bottom:0;width:2px;pointer-events:none;z-index:3}.ma-editor .tl-cue{background:var(--magenta)}.ma-editor .tl-wave{width:100%;height:34px;display:block;background:var(--paper);border-radius:var(--r-ctl)}.ma-editor .tl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13.5px}.ma-editor .inline{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;color:var(--ink-2)}.ma-editor .time{font-variant-numeric:tabular-nums;color:var(--ink-2);min-width:120px;font-weight:600}.ma-editor .modal-bg{position:fixed;inset:0;background:rgba(3,8,14,.66);display:grid;place-items:center;z-index:60;padding:16px}.ma-editor .modal{background:var(--surface);border-radius:16px;padding:22px 24px;width:min(540px,100%);display:grid;gap:14px;max-height:100%;overflow:auto;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}.ma-editor .modal h2{margin:0;font-size:22px;font-stretch:80%;font-weight:800;letter-spacing:-.01em}.ma-editor .modal p{margin:0}.ma-editor .opt-group{display:grid;gap:6px}.ma-editor .badge{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;color:#ffcf85;border:1px solid rgba(255,181,71,.38);vertical-align:1px}.ma-editor .badge,.ma-editor .seg-btns button[aria-pressed=true] .badge{background:var(--buff)}.ma-editor .price{font-size:20px;font-weight:800;font-stretch:85%}.ma-editor .modal-actions{display:flex;justify-content:flex-end;gap:8px}.ma-editor .progress{display:flex;gap:10px;align-items:center}.ma-editor .progress .bar{flex:1;height:8px;background:var(--paper);border-radius:4px;overflow:hidden}.ma-editor .progress .bar div{height:100%;background:var(--magenta)}.ma-editor .error{color:var(--err)}@media (max-width:900px){.ma-editor .app{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.ma-editor .sidebar{order:3;border-right:0;border-top:1px solid var(--rule)}.ma-editor .stage{height:62vw;min-height:230px}}.ma-editor .row select.mode{width:auto;flex:0 0 96px}.ma-editor .picker-empty{padding:8px 10px;font-size:13px;color:var(--ink-2);line-height:1.45}.ma-editor .sidebar-foot{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ma-editor .tools .short{display:none}@media (max-width:900px){.ma-editor .tools button .full{display:none}.ma-editor .tools button .short{display:inline}}.ma-editor .mobile-note{display:none}@media (max-width:700px){.ma-editor .mobile-note{display:block;margin:0;padding:8px 14px;font-size:13px;line-height:1.4;color:var(--ink-2);background:var(--buff);border-bottom:1px solid var(--rule)}}