@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#1c1710;background:radial-gradient(circle at top right,rgba(206,120,44,.18),transparent 22%),radial-gradient(circle at bottom left,rgba(90,112,121,.14),transparent 18%),linear-gradient(150deg,#efe4d2,#e4d6c1);--panel: rgba(255, 250, 241, .8);--panel-strong: rgba(254, 248, 239, .94);--panel-border: rgba(62, 43, 16, .12);--ink: #1c1710;--muted: #5f5646;--accent: #a54d14;--accent-soft: rgba(165, 77, 20, .12);--sea: #345560;--sea-soft: rgba(52, 85, 96, .14);--shadow: 0 14px 36px rgba(64, 42, 17, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink)}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:12px;display:grid;gap:10px}.topbar,.toolbar,.browser-panel,.detail-panel,.pins-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow)}.topbar,.toolbar,.browser-panel,.detail-panel,.pins-panel{padding:12px}.topbar{display:grid;gap:10px}.topbar-main,.toolbar,.toolbar-group,.panel-line,.summary-topline,.player-topline,.pin-topline,.matrix-cell-head,.matrix-actions,.compact-note,.transport-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow,.control-label,.group-header span,.mini-metric span,.detail-metric span,.section-card span,.compact-note span,.stat-pill{font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.title-block h1,.detail-panel h2,.empty-state h1{margin:0;font-size:1.2rem;line-height:1.05}.title-block p,.detail-panel p,.audio-hint,.section-card p,.compact-note,.summary-topline span,.player-topline span,.pin-topline span,.matrix-cell p,.empty-state p{margin:0;color:var(--muted);line-height:1.35}.title-block,.provider-strip,.stat-strip,.list-panel,.group-block,.variant-table,.browser-panel,.detail-panel,.detail-section,.pin-list{display:grid;gap:8px}.provider-strip,.stat-strip,.badge-row{display:flex;gap:6px;flex-wrap:wrap}.provider-pill,.stat-pill,.badge{padding:5px 8px;border-radius:999px;background:#261b0f0f}.provider-pill{background:var(--panel-strong);border:1px solid rgba(62,43,16,.08);color:var(--ink);font-size:.82rem}.stat-pill--blocked{background:#a54d141f;color:var(--accent)}.toolbar{flex-wrap:wrap}.toolbar-group{align-items:end}.toolbar-group--meta{margin-left:auto}.segmented,.tab-row,.track-row{display:inline-flex;padding:3px;gap:4px;background:#261b0f0f;border-radius:999px}.segmented button,.tab-row button,.track-row button,.play-button,.pin-button,.ghost-button,.text-button{border:0;transition:.14s ease}.segmented button,.tab-row button,.track-row button,.ghost-button{padding:7px 11px;border-radius:999px;background:transparent;color:var(--muted)}.segmented button.is-active,.tab-row button.is-active,.track-row button.is-active,.text-button.is-active{background:var(--accent-soft);color:var(--accent)}.ghost-button{background:#261b0f0d}.ghost-button:disabled,.track-row button:disabled{opacity:.34;cursor:not-allowed}.select-wrap{display:grid;gap:4px}.select-wrap select{border:1px solid rgba(38,27,15,.12);background:var(--panel-strong);padding:8px 10px;border-radius:12px;color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:10px;min-height:0}.panel-line{align-items:start}.list-panel{min-height:0;overflow:auto;padding-right:2px}.group-header{position:sticky;top:0;z-index:2;padding:8px 10px;background:#f7efe3eb;border-radius:12px;border:1px solid rgba(62,43,16,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:8px}.group-header h2{margin:0;font-size:.95rem}.variant-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:14px;background:#fff9efc2;border:1px solid rgba(62,43,16,.08);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.variant-row:hover,.matrix-cell:hover,.pin-card:hover{transform:translateY(-1px);border-color:#a54d143d;box-shadow:0 8px 18px #402a1114}.variant-row.is-selected,.matrix-cell.is-selected{border-color:#a54d145c;box-shadow:inset 0 0 0 1px #a54d1433}.variant-buttons{display:grid;gap:6px}.variant-summary{display:grid;gap:6px;min-width:0}.summary-topline strong,.detail-panel strong,.pin-topline strong,.matrix-cell strong{font-size:.95rem}.summary-topline span,.pin-topline span,.matrix-cell-head span{font-size:.82rem}.badge{background:var(--sea-soft);color:var(--sea);font-size:.78rem}.badge--muted{background:#3e2b1014;color:var(--muted)}.compact-note{font-size:.8rem}.mini-metrics{display:flex;gap:6px}.mini-metric,.detail-metric,.section-card,.pin-card{padding:8px;border-radius:12px;background:#261b0f0d;border:1px solid rgba(62,43,16,.06)}.mini-metric{min-width:64px;display:grid;gap:4px}.mini-metric strong,.detail-metric strong{font-size:.95rem}.play-button,.pin-button{padding:8px 11px;border-radius:999px}.play-button{background:var(--sea);color:#fefaf1}.pin-button{background:#261b0f12;color:var(--ink)}.pin-button.is-pinned{background:var(--accent-soft);color:var(--accent)}.player-card{padding:10px;border-radius:14px;background:var(--panel-strong);border:1px solid rgba(62,43,16,.08);display:grid;gap:10px}.audio-shell{display:grid;gap:8px}.audio-shell audio{width:100%;height:34px}.detail-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tab-row{width:fit-content}.section-card{display:grid;gap:4px}.section-card--text p,.section-card--path p{overflow-wrap:anywhere;white-space:pre-line}.matrix-panel{overflow:auto}.matrix-grid{display:grid;gap:8px;align-items:stretch}.matrix-corner,.matrix-column-head,.matrix-row-head{padding:8px 10px;border-radius:12px;background:#f7efe3eb;border:1px solid rgba(62,43,16,.08);font-family:IBM Plex Mono,monospace;font-size:.74rem;text-transform:uppercase;color:var(--muted)}.matrix-cell{padding:10px;border-radius:14px;background:#fff9efc2;border:1px solid rgba(62,43,16,.08);display:grid;gap:8px}.matrix-cell--empty{min-height:112px;background:#261b0f08}.text-button{padding:0;background:transparent;color:var(--accent)}.pins-panel{display:grid;gap:8px}.pin-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pin-card{cursor:pointer}.empty-state{min-height:220px;align-content:center}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.detail-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:10px}.topbar-main,.toolbar,.panel-line,.summary-topline,.player-topline,.transport-row{flex-direction:column;align-items:start}.toolbar-group{width:100%;flex-wrap:wrap}.toolbar-group--meta{margin-left:0}.select-wrap,.select-wrap select,.segmented,.tab-row,.track-row{width:100%}.segmented button,.tab-row button,.track-row button{flex:1}.variant-row{grid-template-columns:1fr}.mini-metrics,.variant-buttons{flex-wrap:wrap}}