:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:block}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg0:#06122a;--bg1:#0b2a68;--card:rgba(255,255,255,.92);--card2:rgba(255,255,255,.86);--line:rgba(15,23,42,.12);--text:#0b1220;--muted:rgba(15,23,42,.64);--muted2:rgba(15,23,42,.52);--blue:#2563eb;--blue2:#1d4ed8;--sky:#7dd3fc;--shadow:0 8px 30px rgba(2,6,23,.18);--shadow2:0 6px 16px rgba(2,6,23,.12);--radius:16px;--radius2:14px}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--bg1)}html,body,#root{min-height:100vh}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Helvetica Neue;color:var(--text);background:radial-gradient(1200px 700px at 20% 0%,rgba(125,211,252,.26),transparent 60%),radial-gradient(900px 650px at 90% 10%,rgba(37,99,235,.26),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}#root{background:radial-gradient(1600px 1000px at 20% 0%,rgba(125,211,252,.26),transparent 60%),radial-gradient(1400px 950px at 90% 10%,rgba(37,99,235,.26),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}#root,.appShell,.topBar,.brand,.brandText,.titleRow{transform:none!important;filter:none!important;perspective:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.appShell{width:100%;max-width:clamp(980px,96vw,1900px);margin:0 auto;padding:clamp(14px,1.6vw,18px) clamp(14px,1.6vw,18px) clamp(18px,2vw,26px)}.topBar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:clamp(10px,1.6vw,16px);margin-bottom:12px;padding-top:clamp(18px,2.2vw,28px)}.brand{display:flex;align-items:flex-end;gap:12px}.brandText{display:grid;gap:4px}.titleRow{display:flex;align-items:flex-end;gap:10px;margin-left:0}.title{font-size:20px;font-weight:850;letter-spacing:.2px;color:#fffffff2}.subtitle{font-size:13px;color:#ffffffb8}.titleSup{font-size:12px;vertical-align:super;margin-left:6px;opacity:.95;display:inline-flex;gap:4px;line-height:1;transform:translateY(-2px)}.supIcon{transform:translateY(-1px)}.supSvg{width:12px;height:12px;color:#fffffff2}.brandLogo{position:absolute;top:-70px;left:0;height:clamp(140px,16vw,300px);width:auto;display:block;transform:none;z-index:70;pointer-events:none}.topActions{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-right:0;margin-top:0!important}.topActions .btnPrimary,.topActions .masterBox{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#ffffffeb;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:750;box-shadow:0 8px 22px #02061724}.btn:hover{background:#ffffff24}.btnPrimary{background:linear-gradient(180deg,#7dd3fc40,#2563eb40);border:1px solid rgba(125,211,252,.35)}.topActions label.btn.btnPrimary{flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.1}.topActions label.btn.btnPrimary .btnMain{display:block;font-size:13px;font-weight:850}.topActions label.btn.btnPrimary .btnSub{display:block;font-size:11px;font-weight:650;opacity:.85;margin-top:4px}.masterBox{border-radius:14px;padding:10px 12px;min-width:210px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#ffffffeb;box-shadow:0 8px 22px #02061724}.masterLabel{font-size:12px;opacity:.86;margin-bottom:6px}.masterTime{font-size:18px;font-weight:900;line-height:1;letter-spacing:.3px}.masterSmall{margin-top:6px;font-size:12px;opacity:.8}.viewsPill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;border:1px solid rgba(125,211,252,.35);background:#02061740;color:#ffffffeb;box-shadow:0 10px 22px #0206172e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;inset:18px 18px auto auto;z-index:60}.viewsDot{width:8px;height:8px;border-radius:999px;background:#7dd3fcf2;box-shadow:0 0 0 5px #7dd3fc2e}.viewsLabel{font-size:11px;font-weight:900;letter-spacing:.2px;opacity:.9}.viewsValue{font-size:12px;font-weight:950;letter-spacing:.2px;opacity:.9}.visitsPill{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;display:inline-flex;align-items:center;gap:8px;padding:0;color:#ffffffeb;font-size:13px;font-weight:850;position:fixed;inset:6px 18px auto auto;z-index:60}.status{display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 12px;margin-bottom:12px;border:1px solid rgba(251,191,36,.35);background:#fbbf2421;color:#ffffffeb}.statusDot{width:10px;height:10px;border-radius:999px;background:#fbbf24;box-shadow:0 0 0 6px #fbbf242e}.status{position:relative;padding-right:12px}.statusClose{width:44px;height:44px;aspect-ratio:1 / 1;padding:0;display:grid;place-items:center;margin-left:auto;border-radius:10px;border:1px solid rgba(15,23,42,.14);background:#ffffffd1;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:36px;font-weight:600;line-height:1}.statusClose:hover{background:#ffffffe6;border-color:#ffffff47;box-shadow:0 10px 22px #02061738;transform:scale(1.05)}.statusClose:active{transform:scale(.98)}.statusClose:focus-visible{outline:none;box-shadow:0 0 0 4px #7dd3fc38,0 10px 22px #02061738}.mainGrid{display:grid;grid-template-columns:1fr minmax(360px,460px);gap:clamp(12px,1.2vw,16px);align-items:start;margin-top:0!important}@media(max-width:1200px){.mainGrid{grid-template-columns:1fr}.masterBox{min-width:180px}}.panel{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panelHeader{padding:14px 14px 10px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffffeb,#ffffffdb)}.panelTitle{font-size:14px;font-weight:900;margin-bottom:4px}.panelHint{font-size:12px;color:var(--muted)}.bigArea{padding:14px}.placeholder{border:1px dashed rgba(15,23,42,.18);border-radius:16px;padding:22px;min-height:360px;display:grid;place-items:center;gap:12px;background:linear-gradient(180deg,#2563eb0d,#7dd3fc0a)}.placeholderTitle{font-size:16px;font-weight:900}.placeholderText{font-size:13px;color:var(--muted);text-align:center;max-width:540px}.videoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.videoTile{border-radius:16px;overflow:hidden;border:1px solid rgba(15,23,42,.14);background:#0b1220;position:relative;box-shadow:var(--shadow2)}.videoTitle{position:absolute;top:10px;left:10px;right:10px;z-index:3;font-size:12px;font-weight:850;color:#e2e8f0;background:#0206178c;border:1px solid rgba(226,232,240,.16);padding:7px 10px;border-radius:999px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videoTile video{width:100%;height:auto;display:block;background:#000}.videoOverlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#ffffffeb;background:#0000008c;font-size:12px;text-align:center;padding:14px}.warn{position:absolute;bottom:10px;left:10px;right:10px;z-index:4;font-size:12px;color:#ffffffeb;background:#7f1d1db8;border:1px solid rgba(254,202,202,.35);padding:9px 10px;border-radius:12px}.transport{border-top:1px solid var(--line);padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#ffffffe0}.transportLeft{display:flex;gap:10px;align-items:center;margin-top:5px}@media(max-width:900px){.transport{grid-template-columns:1fr}}.transportBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:14px;background:#2563eb1a;cursor:pointer;font-size:13px;font-weight:850;box-shadow:0 6px 14px #02061714}.transportBtn:hover{background:#2563eb24}.transportBtn:disabled{opacity:.45;cursor:not-allowed}.seekBlock{min-width:320px}.seekLabel{font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:700}.seek{width:100%}.seekTimes{display:flex;justify-content:space-between;font-size:12px;color:var(--muted2);margin-top:4px}.exportRangeWrap{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.exportRangeInputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.exportRangeLabel{font-size:11px;opacity:.8;font-weight:800;white-space:nowrap}.exportRangeDash{font-size:12px;opacity:.7;font-weight:900}.exportRangeActions{display:flex;align-items:center;gap:10px;width:100%}.exportRangeActions .transportBtn{margin-left:auto}.exportOverlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:#0206178c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exportOverlayCard{width:min(520px,calc(100vw - 36px));border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#ffffffeb;box-shadow:0 20px 60px #02061759;padding:14px 14px 12px}.exportOverlayTitle{font-size:20px;font-weight:950;margin-bottom:10px;color:#0f172aeb}.exportGuitarRow{display:flex;align-items:center;gap:12px;width:100%}.exportBanjoMask{flex:0 0 auto;width:300px;height:120px;position:relative;display:block;overflow:hidden;background:#0f172a14;-webkit-mask-image:var(--banjoMask);mask-image:var(--banjoMask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-position:left center;mask-position:left center}.exportBanjoFill{position:absolute;top:0;left:0;bottom:0;background:#2563eb8c}.exportGuitar{width:100px;max-width:100%;height:74px;display:block}.exportGuitarTrack{fill:#0f172a14}.exportGuitarFill{fill:#2563eb8c}.exportGuitarStroke{fill:none;stroke:#0f172a8c;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.exportGuitarHole{fill:none;stroke:#0f172a59;stroke-width:5}.exportGuitarPct{margin-left:auto;font-size:20px;transform:translateY(-8px);font-weight:950;color:#0f172ab8;width:fit-content;min-width:0;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.exportOverlayHint{margin-top:10px;font-size:12px;color:#0f172aa3}.timeInput.exportTimeInput{width:13ch;padding:4px 6px;border-radius:10px;font-size:11px;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}.seekTimes .seekRight{display:inline-flex;flex-direction:column;align-items:flex-end;gap:6px}.exportBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border:1px solid rgba(15,23,42,.14);border-radius:14px;background:#2563eb1a;cursor:pointer;font-size:12px;font-weight:900;box-shadow:0 6px 14px #02061714}.exportBtn:hover{background:#2563eb24}.exportBtn:disabled{opacity:.45;cursor:not-allowed}.trackList{padding:12px;display:flex;flex-direction:column;gap:10px}.emptyBox{border:1px dashed rgba(15,23,42,.18);border-radius:16px;padding:22px;color:var(--muted);font-size:13px;background:linear-gradient(180deg,#2563eb0d,#7dd3fc0a);display:grid;place-items:center;gap:12px;text-align:center;min-height:360px}.emptyTitle{font-size:16px;font-weight:900;color:var(--text)}.emptyText{font-size:13px;color:var(--muted);max-width:540px;line-height:1.35}.trackRow{border:1px solid rgba(15,23,42,.14);border-radius:16px;padding:10px 10px 12px;background:#ffffffeb;box-shadow:0 6px 14px #0206170f}.trackTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.trackName{display:flex;align-items:center;gap:8px;min-width:0}.trackNameText{font-size:13px;font-weight:900;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{font-size:11px;font-weight:900;padding:3px 9px;border-radius:999px;border:1px solid rgba(15,23,42,.12)}.badge.video{background:#2563eb1a;color:#1d4ed8;border-color:#2563eb33}.badge.audio{background:#7dd3fc2e;color:#075985;border-color:#7dd3fc59}.trackMeta{margin-top:6px;font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.metaChip{font-size:11px;font-weight:850;padding:3px 10px;border-radius:999px;background:#0f172a0f;border:1px solid rgba(15,23,42,.1);color:#0f172ab8}.warnChip{background:#fbbf2429;border-color:#fbbf2447;color:#92400e}.trackControls{margin-top:10px;display:flex;gap:10px;align-items:center}.smallBtn{padding:8px 10px;border:1px solid rgba(15,23,42,.14);border-radius:14px;background:#ffffffe6;cursor:pointer;font-size:12px;font-weight:850}.smallBtn:hover{background:#2563eb14}.smallBtn.muted{background:#2563eb1f}.volBlock{display:flex;align-items:center;gap:10px;flex:1}.volLabel{font-size:12px;color:var(--muted);width:30px;font-weight:800}.inlineError{margin-top:8px;font-size:12px;color:#9a3412;background:#fbbf2424;border:1px solid rgba(251,191,36,.26);padding:8px 10px;border-radius:12px}.startAtRow{margin-top:10px;display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center}.startAtLabel{font-size:12px;color:var(--muted);font-weight:900}.startAtEditor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.timeFields{display:grid;gap:8px;min-width:0}.timeField{display:grid;gap:6px;min-width:0}.timeMicroLabel{font-size:10px;font-weight:800;color:var(--muted)}.timeInput{width:100%;padding:9px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:#ffffffeb;font-size:12px;font-weight:900;letter-spacing:.2px;outline:none}.timeInput:focus,.timeInput.isActive{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb1a}.timeTools,.nudgeGroup{display:grid;gap:8px;justify-items:end}.nudgeBtn{padding:7px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#2563eb14;font-size:11px;font-weight:900;cursor:pointer}.nudgeBtn:hover{background:#2563eb1f}.setMasterBtn{padding:9px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:#7dd3fc33;font-size:12px;font-weight:950;cursor:pointer;white-space:nowrap}.setMasterBtn:hover{background:#7dd3fc47}.timeHint{font-size:11px;color:var(--muted);margin-top:-2px}@media(max-width:520px){.startAtEditor,.startAtRow{grid-template-columns:1fr}.timeTools,.nudgeGroup{justify-items:start}}.mainGrid>section.panel{position:sticky;top:110px;align-self:start}.mainGrid>aside.panel{max-height:calc(100vh - 140px);overflow-y:auto}@media(max-width:1200px){.mainGrid>section.panel{position:static;top:auto}.mainGrid>aside.panel{max-height:none;overflow:visible}}.helpDock{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:50;max-height:calc(100vh - 36px)}.helpFab{padding:10px 14px;border-radius:999px;border:1px solid rgba(125,211,252,.35);background:#02061766;color:#ffffffeb;cursor:pointer;font-weight:900;box-shadow:0 12px 26px #02061747;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.helpFab:hover{background:#02061785}.helpCard{width:360px;max-width:calc(100vw - 36px);border-radius:18px;border:1px solid rgba(125,211,252,.25);background:#ffffffeb;box-shadow:0 18px 40px #02061740;max-height:calc(100vh - 110px);display:flex;flex-direction:column;overflow:hidden}.helpHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid rgba(15,23,42,.1);background:linear-gradient(180deg,#7dd3fc38,#2563eb1a)}.helpTitle{font-weight:950}.helpClose{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(15,23,42,.14);background:#ffffffd1;cursor:pointer;font-size:16px;line-height:1;font-weight:900}.helpClose:hover{background:#2563eb1a}.helpBody{padding:12px;display:grid;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden}.helpItem{border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:10px;background:#ffffffe0}.helpItemTitle{font-weight:900;margin-bottom:4px}.helpItemText{font-size:13px;color:#0f172ab8;line-height:1.35}.footerNote{margin-top:12px;font-size:12px;color:#ffffffb8;text-align:center}.exportCancelBtn{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#0f172a0f;font-weight:900;cursor:pointer}.exportCancelBtn:hover{background:#0f172a1a}.masterBox>.masterTopRow{display:flex!important;align-items:baseline;justify-content:space-between;gap:10px}.masterBox>.masterTopRow>.masterLabel{margin-bottom:0!important}.topActions{align-items:stretch}.masterBox.masterRow{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;padding:10px 14px}.masterRowLeft{display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:0}.masterLabelInline{font-size:13px;font-weight:850;opacity:.86}.converterCard{margin-top:30px;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:10px 10px 12px;background:#ffffffeb;box-shadow:0 6px 14px #0206170f}.converterTitle{font-size:13px;font-weight:950;margin-bottom:4px}.converterHint{font-size:12px;color:#0f172aa8;margin-bottom:10px;line-height:1.35}.converterRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.converterSelect{padding:8px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#ffffffe6;font-size:12px;font-weight:850;cursor:pointer}.converterFile{font-size:12px;color:#0f172ab8;min-width:220px}.converterSmall{font-size:11px;color:#0f172a8c;font-weight:850}.converterBar{margin-top:10px;height:10px;border-radius:999px;background:#0f172a14;overflow:hidden;border:1px solid rgba(15,23,42,.1)}.converterFill{height:100%;width:0%;background:#2563eb8c}.converterNote{margin-top:8px;font-size:12px;color:#0f172ab3}.sectionDivider{height:1px;background:#0000001a;margin:14px 0;border-radius:999px}.converterFill.indeterminate{position:relative;width:100%;background:transparent;overflow:hidden}.converterFill.indeterminate:before{content:"";position:absolute;top:0;left:-35%;height:100%;width:35%;background:#2563eb8c;border-radius:999px;animation:converterIndeterminate 1.1s infinite linear}@keyframes converterIndeterminate{0%{left:-35%}to{left:100%}}.btnClearAll{margin-right:2px}.btnClearAll:disabled{opacity:.55;cursor:not-allowed}