/* MicDeck v2 */
:root{color-scheme:dark;--bg:#101513;--panel:#191f1c;--border:#303932;--muted:#a6b2a9;--text:#f0f4ee;--green:#b5edc3;--dark:#122418;--orange:#f5c797}
.storage-summary{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:15px 0 8px}.storage-summary>span:first-child{color:var(--green);font-weight:600}.storage-hint.hint{margin-bottom:8px}#library-status{margin:5px 0 17px;color:var(--green)}.search-input{width:100%;padding:10px 12px;min-height:42px;border:1px solid #435047;border-radius:7px;background:#111713;color:var(--text);font-size:12px}.search-input::placeholder{color:var(--muted)}.library-list{list-style:none;margin:12px 0 20px;padding:0;display:grid;gap:8px;max-height:355px;overflow-y:auto;scrollbar-color:#536b5a #111713;scrollbar-width:thin}.library-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--border);background:#151b17;border-radius:9px;min-width:0}.library-row.selected{border-color:#7aae86;background:#233128}.library-play{display:flex;gap:12px;align-items:center;min-width:0;border:0;background:none;color:var(--text);text-align:left;padding:13px 10px;border-radius:8px;font-size:12px}.library-play:hover:enabled{background:#2c3b30}.library-icon{color:var(--green);font-size:15px;flex:0 0 22px;text-align:center}.library-info{display:flex;flex-direction:column;min-width:0;gap:4px}.library-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:550}.library-info>span{font-size:10px;color:var(--muted)}.library-remove{border:0;background:none;color:#c5b2a6;font-size:10px;padding:12px 10px;margin-right:4px;border-radius:6px}.library-remove:hover:enabled{color:#ffd5b8;background:#392b24}.library-empty{padding:20px 12px;text-align:center;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px}.drop-zone>span:last-of-type{max-width:100%;padding:0 14px;text-align:center}.search-label{margin-top:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,select,input[type=range],summary{cursor:pointer}a{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.drop-zone:focus-within{outline:3px solid var(--green);outline-offset:4px}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}.shell{max-width:1220px;padding:0 42px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid var(--border)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-mark{background:var(--green);color:var(--dark);border-radius:10px;font-size:28px;line-height:36px;width:36px;text-align:center}.tag{font-size:10px;letter-spacing:1px;border:1px solid var(--border);padding:2px 6px;margin-left:3px;border-radius:4px;color:var(--muted)}.private-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#758179}.private-note .dot{background:var(--green)}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 32px;gap:30px}.eyebrow{color:var(--green);letter-spacing:2px;font-size:10px;font-weight:650;margin:0 0 12px}h1{font-size:clamp(36px,4.6vw,54px);letter-spacing:-2px;line-height:1.1;font-weight:550;margin:0}h1 span{color:var(--green)}.lede{color:var(--muted);max-width:470px;font-size:14px;margin:18px 0 0}.route-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;min-width:275px;font-size:13px}.route-preview>span:not(.route-plus):not(.route-arrow){text-align:center;padding:12px 16px;border:1px solid var(--border);border-radius:8px;color:#d8e4db}.route-plus{color:var(--muted)}.route-arrow{grid-column:2;text-align:center;color:var(--green);font-size:24px;line-height:1}.route-preview strong{grid-column:1/-1;text-align:center;font-size:15px;font-weight:600;color:var(--green);background:#202d23;padding:13px;border:1px solid #3c5541;border-radius:8px}.route-preview strong span{color:var(--muted);font-weight:400;margin-left:10px}.workspace{display:grid;grid-template-columns:minmax(300px, .85fr) minmax(0,1.4fr);gap:22px;align-items:start}.right-column{display:grid;gap:22px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:26px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.step{flex:0 0 29px;line-height:29px;border:1px solid #425346;border-radius:8px;text-align:center;font-size:11px;color:var(--green)}h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:600}.section-heading p{color:var(--muted);font-size:12px;margin:3px 0 0}.button{min-height:43px;border:1px solid var(--border);border-radius:8px;padding:10px 15px;font-size:12px;font-weight:650;transition:background .12s}.button:hover:enabled{filter:brightness(1.13)}.primary{background:var(--green);border-color:var(--green);color:var(--dark)}.secondary{color:var(--text);background:#242d27}.wide{width:100%}.hint{font-size:11px;color:var(--muted);margin:8px 0 20px;line-height:1.7}.hint strong{color:#d9e7dc;font-weight:550}label:not(.drop-zone):not(.check){display:block;font-size:12px;font-weight:600;margin-bottom:8px}select{width:100%;border:1px solid #435047;border-radius:7px;background:#111713;color:var(--text);min-height:42px;padding:9px 30px 9px 10px;text-overflow:ellipsis;font-size:12px}.text-button{background:none;border:0;color:var(--green);font-size:11px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.volume-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.volume-label label{margin:0!important}.volume-label output{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--green);height:20px;margin:8px 0 13px}.meter-label{display:flex;justify-content:space-between;gap:12px;margin:18px 0 7px;font-size:10px;color:var(--muted)}meter{width:100%;height:8px;display:block;background:#0f1511;border:0;border-radius:5px;overflow:hidden}meter::-webkit-meter-bar{background:#0f1511;border:0}meter::-webkit-meter-optimum-value{background:var(--green)}meter::-moz-meter-bar{background:var(--green)}.divider{height:1px;background:var(--border);margin:24px 0}.check{display:flex;gap:10px;align-items:center;font-size:12px;margin:0 0 12px;cursor:pointer}.check input{accent-color:var(--green);width:15px;height:15px;margin:0}.actions{display:grid;grid-template-columns:1fr auto;gap:8px}.connection-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:14px 0 0}.connection-status.active{color:var(--green)}.connection-status.active .dot{background:var(--green);box-shadow:0 0 0 4px #b5edc31a}.pill{margin-left:auto;white-space:nowrap;color:var(--muted);border:1px solid var(--border);border-radius:30px;font-size:10px;padding:4px 8px}.pill.playing{background:#25382a;color:var(--green);border-color:#4a6c52}.drop-zone{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px dashed #536b5a;border-radius:10px;min-height:153px;cursor:pointer;background:#1d2820;transition:background .15s}.drop-zone:hover,.drop-zone.drag{background:#283a2c;border-color:var(--green)}.drop-zone strong{font-size:13px;font-weight:550}.drop-zone>span:last-of-type{font-size:11px;color:var(--muted)}.upload-symbol{font-size:26px;line-height:1.2;color:var(--green);font-weight:300}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-info{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:8px;padding:13px;margin-top:12px;min-width:0}.file-icon{font-size:23px;color:var(--green)}.file-info>div{display:flex;flex-direction:column;min-width:0;flex:1}.file-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info span:not(.file-icon){font-size:10px;color:var(--muted)}.transport{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.transport .button span{margin-right:6px}.timeline{display:flex;gap:14px;align-items:center;margin:17px 0 22px}.timeline span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}progress{height:4px;width:100%;accent-color:var(--green);border:0;border-radius:2px;background:#303c34}progress::-webkit-progress-bar{background:#303c34;border-radius:2px}progress::-webkit-progress-value{background:var(--green);border-radius:2px}.test-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:20px}.test-row strong{font-size:12px;font-weight:550}.test-row p{font-size:11px;color:var(--muted);margin:4px 0 0}.test-row .button{white-space:nowrap;font-size:11px}.checklist ol{list-style:none;padding:0;margin:0;counter-reset:steps}.checklist li{display:grid;grid-template-columns:22px 1fr;column-gap:10px;margin:0 0 14px;counter-increment:steps}.checklist li:before{content:counter(steps);grid-row:1/3;border:1px solid #4a594e;align-self:start;text-align:center;line-height:21px;border-radius:50%;font-size:10px;color:var(--muted)}.checklist li span{font-size:10px;color:var(--muted)}.checklist li strong{font-size:12px;font-weight:500}.checklist .hint{margin-bottom:0}.notice{padding:14px 18px;border:1px solid #5b6245;background:#292d20;color:#e4e9c4;border-radius:9px;font-size:12px;margin-bottom:18px;white-space:pre-line}.notice.error{background:#35251f;border-color:#855339;color:#ffd5b8}.notice.success{background:#213125;border-color:#426b4b;color:#c6f1d0}.diagnostics{margin-top:22px;padding:17px 22px}summary{font-size:12px;font-weight:550}summary span{font-size:11px;font-weight:400;color:var(--muted);margin-left:14px}pre{font:11px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:20px 0 0}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 0 30px;font-size:10px;color:var(--muted)}
@media(min-width:1600px){.shell{padding-top:15px}}@media(max-width:800px){.shell{padding:0 22px}.workspace{grid-template-columns:1fr}.intro{padding-top:30px}.route-preview{min-width:210px;font-size:11px}.route-preview>span:not(.route-plus):not(.route-arrow){padding:10px}.panel{padding:22px}}@media(max-width:540px){.shell{padding:0 16px}.header{padding:20px 0}.private-note{font-size:10px}.intro{display:block}.route-preview{display:none}h1{font-size:43px}.lede{font-size:13px}.section-heading{gap:9px}.panel{padding:19px}.pill{font-size:9px}.test-row{align-items:start;flex-direction:column}.test-row .button{width:100%}.actions{grid-template-columns:1fr}.transport{grid-template-columns:1fr 1fr}.transport .button{padding:10px 8px;font-size:11px}summary span{display:block;margin:4px 0 0 15px}footer{display:block}footer span{display:block;margin-top:5px}}