.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.app{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:var(--color-bg,#efeee9);--text:#202020;--muted:#555045;--muted-2:#666156;--panel:#fffdf7;--control:#fbfaf5;--border:#c9c5b8;--border-strong:#b9b7ad;--wave:#f7f7f4;--wave-line:#202020;--meter:#dedbd1;--primary:#202020;--primary-text:#fff;--good:#168255;--warn:#b98316;--bad:#b9382f;--accent:#1c69d4;--playhead:#d23b2a;--debug-bg:#202020;--debug-text:#f7f7f4;--debug-title:#9cc7ff;color:var(--text);background:var(--page);max-width:1180px;margin:0 auto;padding:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:var(--color-bg,#151515);--text:#f1f0ea;--muted:#c1beb4;--muted-2:#a9a59a;--panel:#22211e;--control:#2a2925;--border:#4b4942;--border-strong:#68645b;--wave:#191918;--wave-line:#f1f0ea;--meter:#38362f;--primary:#f1f0ea;--primary-text:#151515;--good:#31c184;--warn:#d99b28;--bad:#e25a4f;--accent:#6ea8ff;--playhead:#ff7667;--debug-bg:#080808;--debug-text:#ecebe4}.app,.app *{box-sizing:border-box}.app button,.app .file-button,.app input,.app select{font:inherit}.app button,.app .file-button,.app select{border:1px solid var(--border-strong);background:var(--control);height:34px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:0 10px;text-decoration:none;display:inline-flex}.app .file-button{width:auto;min-height:34px}.app button.primary,.app .file-button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.app button.needs-sync{background:var(--warn);border-color:var(--warn);color:var(--primary-text);box-shadow:0 0 0 2px #b9831638}.app button:disabled,.app .file-button.disabled{opacity:.45;cursor:not-allowed}.app .file-button input{display:none}.app select{min-width:132px;padding:0 28px 0 9px}.app select.default-firmware{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary);font-weight:650}.app .topbar{flex-direction:column;align-items:stretch;gap:10px;display:flex}.app h1{letter-spacing:0;margin:0 0 8px;font-size:28px;line-height:1}.app .status{min-height:28px;color:var(--muted);border-left:4px solid #9f9a8d;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.app .spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex:0 0 14px;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app .status.good{border-color:var(--good)}.app .status.warn{border-color:var(--warn)}.app .status.bad{border-color:var(--bad);color:var(--bad)}.app .toolbar{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.app .firmware-download{gap:6px;display:inline-flex}.app .toolbar-subrow{justify-content:flex-start;margin-top:-2px;display:flex}.app .clock-mode{height:34px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:inline-flex}.app .clock-mode label{align-items:center;gap:7px;display:inline-flex}.app .clock-mode input{width:16px;height:16px;accent-color:var(--accent)}.app .clock-mode select{height:30px}.app .clock-diagnostics{border:1px solid var(--border);background:var(--panel);border-radius:6px;margin-top:14px;padding:10px 12px;font-size:13px}.app .clock-diagnostics summary{cursor:pointer;color:var(--muted)}.app .clock-diagnostics dl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;margin:12px 0 2px;display:grid}.app .clock-diagnostics dl div{justify-content:space-between;gap:10px;display:flex}.app .clock-diagnostics dt{color:var(--muted)}.app .clock-diagnostics dd{font-variant-numeric:tabular-nums;margin:0}.app .clock-mode .disabled{opacity:.45}.app .text-button{height:auto;color:var(--accent);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:none}.app .text-button:hover{text-decoration:underline}.app .clock-mode a{color:var(--accent);text-decoration:none}.app .clock-mode a:hover{text-decoration:underline}.app .icon-button{justify-content:center;width:34px;padding:0}.app .icon-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.app .firmware-warning{border:1px solid color-mix(in srgb, var(--warn) 62%, var(--border));border-left:4px solid var(--warn);background:color-mix(in srgb, var(--warn) 10%, var(--panel));color:var(--text);border-radius:6px;margin:14px 0 0;padding:12px 14px}.app .firmware-warning strong{margin-bottom:5px;display:block}.app .firmware-warning p{color:var(--muted);margin:4px 0 0}.app .capacity{margin:22px 0 14px}.app .modal-backdrop{z-index:20;background:#0000009e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.app .modal-close{justify-self:end}.driver-popover.pikocore-tour{color:#202020;background:#fffdf7;border:1px solid #c9c5b8;border-radius:8px;width:min(340px,100vw - 32px);max-width:min(340px,100vw - 32px);padding:14px;box-shadow:0 18px 48px #0000003d}.driver-popover.pikocore-tour-dark{color:#f1f0ea;background:#22211e;border-color:#4b4942}.driver-popover.pikocore-tour .driver-popover-title{letter-spacing:0;padding-right:28px;font:700 18px/1.25 Inter,ui-sans-serif,system-ui,sans-serif}.driver-popover.pikocore-tour .driver-popover-description{color:#555045;font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.driver-popover.pikocore-tour-dark .driver-popover-description{color:#c1beb4}.driver-popover.pikocore-tour .driver-popover-description p{margin:8px 0 0}.driver-popover.pikocore-tour .tour-pikocore{object-fit:contain;background:0 0;border:1px solid #c9c5b8;border-radius:6px;width:100%;max-height:min(42vh,260px);display:block}.driver-popover.pikocore-tour-dark .tour-pikocore{border-color:#4b4942}.driver-popover.pikocore-tour .driver-popover-close-btn{color:#666156;top:8px;right:8px}.driver-popover.pikocore-tour-dark .driver-popover-close-btn{color:#c1beb4}.driver-popover.pikocore-tour .driver-popover-close-btn:hover,.driver-popover.pikocore-tour .driver-popover-close-btn:focus{color:#202020}.driver-popover.pikocore-tour-dark .driver-popover-close-btn:hover,.driver-popover.pikocore-tour-dark .driver-popover-close-btn:focus{color:#f1f0ea}.driver-popover.pikocore-tour .driver-popover-footer{margin-top:14px}.driver-popover.pikocore-tour .driver-popover-progress-text{color:#666156;font:13px/1 Inter,ui-sans-serif,system-ui,sans-serif}.driver-popover.pikocore-tour-dark .driver-popover-progress-text{color:#a9a59a}.driver-popover.pikocore-tour .driver-popover-footer button{color:#202020;height:30px;text-shadow:none;background:#fbfaf5;border:1px solid #b9b7ad;border-radius:6px;padding:0 10px;font:13px/1 Inter,ui-sans-serif,system-ui,sans-serif}.driver-popover.pikocore-tour-dark .driver-popover-footer button{color:#f1f0ea;background:#2a2925;border-color:#68645b}.driver-popover.pikocore-tour .driver-popover-footer .driver-popover-next-btn{color:#fff;background:#202020;border-color:#202020}.driver-popover.pikocore-tour-dark .driver-popover-footer .driver-popover-next-btn{color:#151515;background:#f1f0ea;border-color:#f1f0ea}.driver-popover.pikocore-tour .driver-popover-arrow{border-color:#fffdf7}.driver-popover.pikocore-tour-dark .driver-popover-arrow{border-color:#22211e}.driver-popover.pikocore-tour .driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000}.driver-popover.pikocore-tour .driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000}.driver-popover.pikocore-tour .driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000}.driver-popover.pikocore-tour .driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000}.app .info-modal{border:1px solid var(--border);background:var(--panel);border-radius:8px;gap:12px;width:min(720px,100%);max-height:calc(100vh - 44px);padding:12px;display:grid;overflow:auto}.app .info-modal img{object-fit:contain;border:1px solid var(--border);background:var(--control);border-radius:6px;width:100%;max-height:56vh;display:block}.app .info-modal-copy{gap:8px;display:grid}.app .info-modal-copy h2,.app .info-modal-copy p{margin:0}.app .info-modal-copy h2{font-size:18px;line-height:1.2}.app .info-modal-copy p{color:var(--muted);line-height:1.45}.app .info-modal-copy a{color:var(--accent)}.app .capacity-line{color:var(--muted);grid-template-columns:repeat(4,max-content);gap:18px;margin-bottom:7px;font-size:13px;display:grid}.app .meter,.app .transfer{background:var(--meter);height:8px;overflow:hidden}.app .meter{border-radius:4px}.app .meter div{background:var(--good);height:100%}.app .meter div.over{background:var(--bad)}.app .transfer{background:var(--accent);border-radius:4px;margin-top:4px}.app .transfer-detail{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.3}.app .sample-list{gap:10px;min-height:280px;padding-bottom:24px;display:grid}.app .loader-footer{color:var(--muted);padding:6px 0 18px;font-size:13px}.app .loader-footer a{color:var(--accent);text-decoration:none}.app .loader-footer a:hover{text-decoration:underline}.app .debug-log{border:1px solid var(--border);background:var(--debug-bg);color:var(--debug-text);margin:0 0 14px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.4}.app .debug-title{color:var(--debug-title);margin-bottom:4px}.app .debug-output{resize:vertical;width:100%;height:150px;color:inherit;font:inherit;line-height:inherit;white-space:pre;background:0 0;border:0;outline:0;margin:0;padding:0;display:block}.app .debug-empty{color:var(--muted-2)}.app .empty{border:1px dashed var(--border-strong);min-height:260px;color:var(--muted-2);place-content:center;justify-items:center;gap:10px;display:grid}.app .sample-row{border:1px solid var(--border);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.app .sample-meta{color:var(--muted);grid-column:1/-1;grid-template-columns:32px minmax(160px,1fr) max-content;align-items:center;gap:10px;font-size:13px;display:grid}.app .sample-stats{white-space:nowrap;grid-template-columns:repeat(4,max-content);align-items:center;gap:10px;display:grid}.app .slot{background:var(--primary);width:26px;height:26px;color:var(--primary-text);border-radius:50%;place-content:center;display:inline-grid}.app .name,.app .bpm{border:1px solid var(--border);background:var(--control);height:30px;color:var(--text);border-radius:5px;padding:0 8px}.app .name{width:100%}.app .bpm{width:82px;margin-left:6px}.app .waveform{border:1px solid var(--border);background:var(--wave);border-radius:6px;width:100%;height:92px}.app .row-actions{grid-template-columns:repeat(4,34px);gap:6px;display:grid}.app .row-actions button{justify-content:center;width:34px;padding:0}@media (width<=760px){.app .topbar,.app .sample-row{grid-template-columns:1fr;display:grid}.app .toolbar{justify-content:flex-start;width:100%;min-width:0}.app .firmware-download{flex-wrap:wrap;max-width:100%}.app .sample-meta{grid-template-columns:32px minmax(0,1fr)}.app .capacity-line{grid-template-columns:1fr 1fr}.app .sample-meta .name{grid-column:2}.app .sample-stats{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) max-content max-content;gap:6px;font-size:12px}.app .sample-stats .bpm{width:58px;margin-left:4px}.app .row-actions{grid-template-columns:repeat(4,34px)}}