@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");:root{--bg:#0a0d11;--panel:#12171e;--panel-2:#171d26;--border:#2a3442;--border-soft:#222b36;--text:#e8eef5;--muted:#8a96a6;--accent:#2f9d78;--accent-2:#3dbf92;--accent-dim:rgba(47,157,120,0.16);--danger:#e05555;--warn:#d4a017;--track:#0d1117;--font:"IBM Plex Sans","Noto Sans Myanmar","Pyidaungsu","Myanmar Text",system-ui,sans-serif;--radius:8px;--topbar-h:44px;--timeline-h:168px}*{box-sizing:border-box}body,html{margin:0;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--text);background:radial-gradient(ellipse 55% 35% at 0 0,#142922 0,transparent 50%),linear-gradient(180deg,#0e1319,var(--bg))}.shell{height:100dvh;max-width:1280px;margin:0 auto;padding:.5rem .75rem;overflow:hidden}.editor{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:.5rem;gap:.5rem;min-height:0}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.topbar{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;align-items:center;padding:.3rem .65rem;min-height:var(--topbar-h);background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);flex-shrink:0}.brand-block{min-width:0;flex-shrink:1}.brand{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.03em;line-height:1.15}.brand,.brand-sub{white-space:nowrap}.brand-sub{margin:.05rem 0 0;color:var(--muted);font-size:.65rem;line-height:1.2}.nexskill-badge{position:fixed;right:.65rem;bottom:.65rem;z-index:900;display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.28rem .5rem .28rem .35rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:rgba(8,12,16,.88);color:rgba(232,238,245,.78);font-size:.62rem;font-weight:500;line-height:1;letter-spacing:.01em;box-shadow:0 4px 16px rgba(0,0,0,.35);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nexskill-badge-mark{width:14px;height:14px;object-fit:contain;flex-shrink:0;border-radius:2px}.nexskill-badge-text{white-space:nowrap}.nexskill-badge-name{color:#fff;font-weight:600}.topbar-controls{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;flex-shrink:0}.sr-audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.voice-picker{display:flex;flex-direction:row;align-items:center;gap:.35rem}.voice-picker-label{font-size:.65rem;color:var(--muted);font-weight:500;white-space:nowrap}.voice-chips{display:flex;flex-wrap:nowrap;gap:.3rem}.voice-chip{display:inline-flex;flex-direction:row;align-items:baseline;gap:.3rem;min-width:0;padding:.2rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:600;line-height:1.2}.voice-chip:hover:not(:disabled){background:#1e2733;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.voice-chip.active{border-color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.voice-chip-title{font-size:.78rem;letter-spacing:.01em}.voice-chip-sub{font-size:.58rem;font-weight:500;color:var(--muted)}.pane-head-right{display:flex;align-items:center;gap:.4rem}.rate-control{display:inline-flex;align-items:center;margin:0}.rate-select{min-width:0;width:auto;padding:.2rem .35rem;font-size:.68rem;font-weight:600;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}.rate-select.stale{border-color:var(--warn);color:var(--warn)}.speed-stale{margin-top:.4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-play{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;padding:0;background:var(--accent);color:#fff}.icon-play.playing{background:var(--warn)}.stat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:.72rem;font-weight:500}.stat-pill .dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}.inspector-label,label{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;color:var(--muted);font-weight:500}.inspector-label{flex-direction:row;justify-content:space-between;align-items:baseline;margin:.35rem 0 .25rem}button,select,textarea{font:inherit}select{min-width:180px;padding:.35rem .55rem;background:var(--panel-2);font-size:.85rem}select,textarea{border-radius:6px;border:1px solid var(--border);color:var(--text)}textarea{width:100%;resize:none;min-height:0;flex:1 1;padding:.55rem .65rem;background:var(--track);line-height:1.45;font-size:.9rem}.btn-download:focus-visible,button:focus-visible,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}button{cursor:pointer;border:none;border-radius:6px;padding:.4rem .75rem;background:var(--accent);color:#fff;font-weight:600;font-size:.82rem}button:hover:not(:disabled){background:var(--accent-2)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--panel-2)}button.ghost{background:transparent;color:var(--muted);font-weight:500}button.ghost:hover:not(:disabled){color:var(--danger)}.btn-sm{padding:.22rem .5rem;font-size:.72rem;min-width:2rem}.btn-download{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-dim);color:var(--accent-2);font-weight:600;font-size:.82rem;text-decoration:none}.btn-download:hover{background:color-mix(in srgb,var(--accent) 28%,transparent)}.banner-warn{margin:0;font-size:.75rem}.editor-grid{display:grid;grid-template-columns:minmax(180px,220px) 1fr;grid-gap:.5rem;gap:.5rem;min-height:0;overflow:hidden}.bin,.inspector{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.4rem .55rem;border-bottom:1px solid var(--border-soft);background:var(--panel-2);flex-shrink:0}.pane-head h2{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.bin-list{list-style:none;margin:0;padding:.3rem;overflow:auto;flex:1 1}.bin-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;grid-gap:.35rem;gap:.35rem;align-items:center;text-align:left;padding:.35rem .4rem;margin-bottom:.25rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text);font-weight:500}.bin-item:hover{background:var(--panel-2)}.bin-item.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--accent-dim)}.bin-idx{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:700;color:var(--accent-2)}.bin-body{display:flex;flex-direction:column;gap:.05rem;min-width:0}.bin-snippet{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bin-status{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.st-ready{color:var(--accent-2)}.st-loading{color:var(--warn)}.st-error{color:var(--danger)}.bin-dot{width:6px;height:6px;border-radius:50%;background:#3a4656;flex-shrink:0}.dot-ready{background:var(--accent)}.dot-loading{background:var(--warn)}.dot-error{background:var(--danger)}.bin-play{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-2);flex-shrink:0;cursor:pointer}.bin-play:hover{background:var(--accent);color:#fff}.bin-play.playing{background:var(--warn);color:#fff}.inspector-body{display:flex;flex-direction:column;gap:0;padding:.5rem .65rem .55rem;min-height:0;flex:1 1;overflow:hidden}.empty-pane{margin:1rem;color:var(--muted);font-size:.85rem}.clip-badge{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.12rem .35rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge-ready{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-dim)}.badge-loading{color:var(--warn)}.badge-error{color:var(--danger)}.char-count{font-size:.7rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.char-count.warn{color:var(--warn)}.char-count.over{color:var(--danger)}.waveform{display:flex;align-items:flex-end;gap:2px;height:36px;padding:.25rem .35rem;border-radius:6px;background:var(--track);border:1px solid var(--border-soft);flex-shrink:0;overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}.waveform span{flex:1 1;min-width:0;border-radius:1px;background:#3a4656}.wave-ready span{background:linear-gradient(180deg,var(--accent-2),var(--accent))}.wave-loading span{background:var(--warn);opacity:.75}.wave-error span{background:color-mix(in srgb,var(--danger) 70%,#555)}.clip-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem;align-items:center;flex-shrink:0}.inspector .error{margin:.35rem 0 0;font-size:.78rem;color:var(--danger);flex-shrink:0}.audio-player{display:flex;gap:.5rem;align-items:center;margin-top:.45rem;padding:.4rem .5rem;border-radius:8px;background:linear-gradient(180deg,#151c24,#10161c);border:1px solid var(--border);flex-shrink:0}.ap-play{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:0;flex-shrink:0;background:var(--accent)}.ap-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.ap-meta{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted)}.ap-seek{position:relative;height:28px;width:100%;padding:0;border:none;border-radius:4px;background:#0c1015;overflow:hidden;cursor:pointer}.ap-wave{position:absolute;inset:0;display:flex;align-items:flex-end;gap:1px;padding:4px 3px;opacity:.85}.ap-wave i{flex:1 1;background:#3d4a5a;border-radius:1px;display:block;min-width:1px}.ap-progress{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 35%,transparent);pointer-events:none;border-right:2px solid var(--accent-2)}.timeline{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:.45rem .6rem .55rem;max-height:min(38vh,220px);flex-direction:column;min-height:0;overflow:hidden}.timeline,.timeline-head{flex-shrink:0;display:flex}.timeline-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.timeline-head h2{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.zoom-controls{display:flex;align-items:center;gap:.3rem}.timeline-meta{font-size:.68rem;color:var(--muted);margin-left:.25rem}.track-wrap{display:grid;grid-template-columns:32px 1fr;grid-gap:.3rem;gap:.3rem;align-items:stretch;margin-bottom:.4rem;min-height:0;flex:1 1}.track-label{align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--muted);background:var(--panel-2)}.track,.track-label{display:flex;border:1px solid var(--border-soft);border-radius:6px}.track{position:relative;gap:.25rem;overflow-x:auto;overflow-y:hidden;padding:.35rem;background:var(--track);align-items:stretch;touch-action:pan-x;overscroll-behavior:contain}.playhead{position:absolute;top:0;bottom:0;left:.35rem;width:2px;background:#ff6b4a;box-shadow:0 0 8px rgba(255,107,74,.7);z-index:5;pointer-events:auto;cursor:ew-resize;touch-action:none}.playhead:before{left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ff6b4a;pointer-events:none}.playhead:after,.playhead:before{content:"";position:absolute;top:0}.playhead:after{bottom:0;left:-8px;width:18px}.track-block{flex:0 0 auto;min-height:58px;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:.15rem;padding:.25rem .35rem;border-radius:6px;border:1px solid var(--border);background:#1a222c;color:var(--text);font-weight:600;cursor:pointer;overflow:hidden;box-sizing:border-box}.track-block:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.track-block.active{border-color:var(--accent);background:var(--accent-dim)}.track-block.tb-ready{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.track-block.tb-loading{border-color:color-mix(in srgb,var(--warn) 50%,var(--border))}.track-block.tb-error{border-color:color-mix(in srgb,var(--danger) 50%,var(--border))}.tb-top{display:flex;justify-content:space-between;align-items:center;gap:.2rem;font-size:.62rem}.tb-idx{color:var(--accent-2)}.tb-dur{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-right:auto;margin-left:.2rem}.tb-speed{font-weight:700;margin-left:.15rem}.tb-play,.tb-speed{color:var(--accent-2)}.tb-play{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--accent) 35%,transparent);flex-shrink:0}.track-block.is-playing{outline:1px solid var(--warn)}.play-status{margin:.25rem 0 0;font-size:.7rem;color:var(--accent-2)}.tb-waveform{height:28px;width:100%;max-width:100%;min-width:0;padding:.15rem;border:none;background:transparent;flex:1 1 auto;flex-shrink:1;overflow:hidden;gap:1px}.tb-waveform span{flex:1 1;min-width:0}.timeline-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;flex-shrink:0}.timeline-hint{font-size:.68rem;color:var(--muted)}.master-out{margin-top:.35rem;flex-shrink:0}.master-out .audio-player{margin-top:0}.warn-msg{color:var(--warn);font-size:.75rem;margin:.25rem 0 0}@media (max-width:820px){body,html{overflow:auto}.shell{overflow:visible}.editor,.shell{height:auto;min-height:100dvh}.topbar{flex-wrap:wrap;align-items:center;row-gap:.35rem}.topbar-controls{flex-wrap:wrap;width:100%;justify-content:space-between}.editor-grid{grid-template-columns:1fr;max-height:50vh}.bin{max-height:140px}.timeline{max-height:none}select{min-width:0;width:100%}}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:rgba(4,8,12,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-up .16s ease-out}.modal-card{width:min(100%,380px);padding:1rem 1.1rem 1.05rem;border-radius:10px;border:1px solid var(--border);background:linear-gradient(165deg,#182028 0,var(--panel) 55%);box-shadow:0 18px 50px rgba(0,0,0,.45)}.modal-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em}.modal-sub{margin:.25rem 0 .85rem;font-size:.75rem;color:var(--muted)}.modal-label{display:block;font-size:.68rem;font-weight:600;color:var(--muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em}.modal-filename-row{display:grid;grid-template-columns:1fr auto;grid-gap:.35rem;gap:.35rem;align-items:center}.modal-input{width:100%;min-width:0;padding:.5rem .65rem;border-radius:6px;border:1px solid var(--border);background:var(--track);color:var(--text);font-size:.9rem;font-family:var(--font)}.modal-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.modal-ext{padding:.45rem .55rem;border-radius:6px;border:1px solid var(--border-soft);background:var(--panel-2);color:var(--accent-2);font-size:.78rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.modal-error{margin:.4rem 0 0;font-size:.72rem;color:var(--danger)}.modal-actions{display:flex;justify-content:flex-end;gap:.45rem;margin-top:.9rem}button.btn-download{background:var(--accent-dim);color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));font-weight:600}button.btn-download:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 28%,transparent)}