:root{color:#101820;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f6f8f9;background:#101820;flex-direction:column;justify-content:space-between;gap:28px;padding:30px;display:flex}.sidebar h1{color:#f6f8f9;margin:10px 0 12px;font-size:32px;line-height:1.05}.sidebar-copy{color:#b8c7ce;margin:0}.eyebrow{color:#6f7f88;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.sidebar .eyebrow{color:#89a4ae}.nav{gap:7px;display:grid}button,select{color:#18242c;cursor:pointer;font:inherit;background:#fff;border:1px solid #d7dee2;border-radius:8px;padding:10px 14px}button:hover{border-color:#83939d}.nav button{color:#dce6ea;text-align:left;background:0 0;border-color:#0000}.nav button.active,.nav button:hover{background:#1b2a34;border-color:#314653}.api-note{gap:8px;display:grid}.api-note span{color:#89a4ae;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}code{color:#dce6ea;overflow-wrap:anywhere;background:#1b2a34;border-radius:6px;padding:10px;font-size:12px;display:block}.workspace{background:#f6f8f9;min-width:0;padding:28px}.topbar,.panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:18px}.topbar h2{margin:4px 0 0;font-size:28px}.notice,.alert{border-radius:8px;margin-bottom:18px;padding:12px 14px}.notice{color:#245848;background:#eef6f4;border:1px solid #c9e4dc}.alert{color:#8f1f1f;background:#fff0f0;border:1px solid #ffc9c9}.metrics{border:1px solid #dfe6ea;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-bottom:24px;display:grid;overflow:hidden}.metrics div{background:#fff;padding:18px}.metrics span{color:#101820;font-size:28px;font-weight:800;display:block}.metrics p,.muted{color:#64747d;margin:4px 0 0}.panel{background:#fff;border:1px solid #dfe6ea;border-radius:8px;padding:20px}.flow p{max-width:820px}.form{gap:14px;display:grid}.narrow{max-width:760px}label,fieldset{color:#485862;gap:7px;font-size:14px;display:grid}input,textarea{color:#101820;font:inherit;border:1px solid #cfd9de;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:120px}.checks,.queue-actions,.review-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.checks label{border:1px solid #dfe6ea;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.primary{color:#fff;background:#1f7a5a;border-color:#1f7a5a}.table-panel{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;vertical-align:top;border-top:1px solid #edf1f3;padding:12px 8px}th{color:#64747d;letter-spacing:.06em;text-transform:uppercase;font-size:12px}td strong,td small{display:block}td small{color:#64747d;margin-top:3px}.track-cell{align-items:center;gap:12px;display:flex}.track-cell img,.artwork-placeholder{border-radius:6px;flex:none;width:44px;height:44px}.artwork-placeholder{background:#dfe6ea}.status{color:#33464f;background:#eef3f5;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.status.converted,.status.completed,.status.matched{color:#1f7a5a;background:#e7f6ee}.status.failed,.status.missing{color:#9a2c2c;background:#fff0f0}.status.converting,.status.needs_review{color:#806000;background:#fff6db}.path{color:#485862;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.empty{color:#64747d;padding:20px 0}.settings dl{grid-template-columns:180px minmax(0,1fr);gap:12px;display:grid}.settings dt{color:#64747d;font-weight:700}.settings dd{margin:0}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{padding:22px}.workspace{padding:18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.panel-head{flex-direction:column;align-items:flex-start}}
