@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700;800&display=swap');

:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f0f3f9;--surface-3:#e7ebf3;--text:#151824;--muted:#697086;--border:#dce1eb;--shadow:0 18px 60px rgba(25,30,49,.10);--shadow-soft:0 8px 30px rgba(25,30,49,.08);--primary:#7c3aed;--primary-2:#a855f7;--accent:#22d3ee;--green:#10b981;--yellow:#f59e0b;--red:#ef4444;--blue:#3b82f6;--sidebar:#0b0d14;--sidebar-text:#f4f5f8;--sidebar-muted:#858ca0;--radius:18px;--radius-sm:12px;--topbar-height:82px}
html[data-theme="dark"]{--bg:#090b11;--surface:#11141d;--surface-2:#171b26;--surface-3:#202536;--text:#f5f7fb;--muted:#9299ad;--border:#252b3a;--shadow:0 18px 60px rgba(0,0,0,.35);--shadow-soft:0 8px 30px rgba(0,0,0,.24);--sidebar:#07080d;--sidebar-text:#fff;--sidebar-muted:#80879a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Source Sans 3","Source Sans Pro","Open Sans",system-ui,sans-serif;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;display:block}
.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:var(--sidebar-text);padding:26px 18px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:21px;letter-spacing:-.5px}.brand small{color:#8e96aa;font-size:9px;letter-spacing:2px;margin-top:6px}.brand.large strong{font-size:30px}.brand-mark{width:36px;height:36px;display:flex!important;align-items:center;justify-content:center;gap:3px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 8px 25px rgba(124,58,237,.35)}.brand-mark span{width:3px;background:#fff;border-radius:4px}.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:15px}.brand-mark span:nth-child(4){height:25px}.nav-list{display:flex;flex-direction:column;gap:5px;margin-top:34px;overflow:auto;padding-right:2px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:11px;color:var(--sidebar-muted);font-weight:600;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(124,58,237,.28),rgba(124,58,237,.08));color:#fff;box-shadow:inset 3px 0 #8b5cf6}.nav-item svg{width:19px}.sidebar-footer{margin-top:auto;padding:18px 10px 2px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px;color:#737b8f;font-size:12px}.sidebar-footer a:hover{color:#fff}.main-area{min-width:0}.topbar{height:var(--topbar-height);position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbar-title h1{font-size:22px;margin:2px 0 0;letter-spacing:-.3px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--primary-2);text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--text);width:40px;height:40px;border-radius:12px;cursor:pointer}.quick-add{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;padding:10px 16px;border-radius:12px;box-shadow:0 8px 22px rgba(124,58,237,.28)}.user-menu{display:flex;align-items:center;gap:10px;margin-left:5px;padding-left:14px;border-left:1px solid var(--border)}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#22d3ee);display:grid;place-items:center;color:white;font-weight:800}.user-menu div{display:flex;flex-direction:column;line-height:1.15}.user-menu small{color:var(--muted);font-size:11px;margin-top:4px;text-transform:capitalize}.user-menu>a{color:var(--muted);font-size:17px}.mobile-menu{display:none}.content{padding:28px 34px 56px;max-width:1660px;margin:0 auto}.flash{padding:13px 16px;border-radius:12px;margin-bottom:18px;border:1px solid}.flash.success{background:rgba(16,185,129,.11);border-color:rgba(16,185,129,.3);color:#10b981}.flash.error{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.3);color:#ef4444}
.hero-panel{min-height:280px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px 48px;border-radius:26px;background:radial-gradient(circle at 75% 25%,rgba(34,211,238,.18),transparent 28%),radial-gradient(circle at 62% 80%,rgba(168,85,247,.24),transparent 35%),linear-gradient(135deg,#111827,#0b0d14 65%);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-panel.compact{min-height:190px}.hero-panel>div:first-child{max-width:720px;position:relative;z-index:2}.hero-panel h2{font-size:38px;line-height:1.08;margin:10px 0 15px;letter-spacing:-1.2px}.hero-panel p{color:#b4bbca;font-size:18px;max-width:660px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px}.hero-visual{width:340px;height:220px;position:relative;display:grid;place-items:center}.disc{width:180px;height:180px;border-radius:50%;background:repeating-radial-gradient(circle at center,#181b26 0 4px,#242838 5px 6px);box-shadow:0 0 0 14px rgba(255,255,255,.025),0 30px 80px rgba(0,0,0,.5);position:relative;transform:rotate(-13deg)}.disc:before{content:"";position:absolute;inset:39%;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#22d3ee)}.disc span{position:absolute;inset:48%;background:#05060a;border-radius:50%}.floating-metric{position:absolute;right:0;bottom:16px;background:rgba(17,24,39,.8);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);padding:14px 18px;border-radius:15px;display:flex;flex-direction:column}.floating-metric strong{font-size:28px}.floating-metric small{color:#aeb6c8}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:11px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:white;box-shadow:0 8px 22px rgba(124,58,237,.24)}.button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.hero-panel .button.secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:white}.button.ghost{background:transparent;border-color:var(--border);color:var(--text)}.button.danger{background:var(--red);color:#fff}.button.subtle{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);color:var(--red)}.button.small{min-height:33px;padding:6px 10px;font-size:13px}.button.large{min-height:54px;font-size:17px}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.danger-text{color:var(--red)!important}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 34px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:19px 22px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-soft)}.stat-icon{width:42px;height:42px;border-radius:12px;background:rgba(124,58,237,.12);color:#8b5cf6;display:grid;place-items:center;font-size:20px}.stat-icon.pulse{color:#22d3ee;background:rgba(34,211,238,.10)}.stat-card div{display:flex;flex-direction:column}.stat-card strong{font-size:25px}.stat-card small{color:var(--muted)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 14px}.section-header.compact{margin:0 0 14px}.section-header h2{font-size:24px;margin:3px 0 0}.section-header>a{color:var(--primary-2);font-weight:700}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommendation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start;box-shadow:var(--shadow-soft)}.score-ring{--score:75;width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--score)*1%),var(--surface-3) 0);display:grid;place-items:center;position:relative}.score-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}.score-ring span{position:relative;font-weight:800}.score-ring.large{width:68px;height:68px}.rec-body h3{margin:8px 0 6px;font-size:18px}.rec-body p{margin:0;color:var(--muted)}.meta-row,.rec-source-row{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:12px}.meta-row span,.rec-source-row span{padding-right:10px;border-right:1px solid var(--border)}.meta-row span:last-child,.rec-source-row span:last-child{border:0}.icon-action{border:0;background:var(--surface-2);color:var(--text);border-radius:10px;width:36px;height:36px;cursor:pointer;font-size:19px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.two-column.wide-left{grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr)}.list-card,.panel,.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.panel{padding:24px}.panel h2{margin:5px 0 17px}.panel h3{margin:5px 0 12px}.panel p{color:var(--muted)}.panel+ .panel{margin-top:20px}.accent-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,#7c3aed),var(--surface))}.warning-panel{border-color:rgba(245,158,11,.32);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,#f59e0b),var(--surface))}.media-row,.job-row{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid var(--border)}.media-row:last-child,.job-row:last-child{border:0}.media-row:hover{background:var(--surface-2)}.media-row>div:nth-child(2),.job-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.media-row small,.job-row small{color:var(--muted)}.mini-cover{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#312e81,#7c3aed);display:grid;place-items:center;color:#fff;flex:none}.mini-cover.alt{background:linear-gradient(135deg,#164e63,#06b6d4)}.mini-cover.favorite{box-shadow:0 0 0 2px #f59e0b}.row-metrics{margin-left:auto;display:flex!important;align-items:center;flex-direction:row!important;gap:10px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.complete{background:var(--green)}.status-dot.queued,.status-dot.processing{background:var(--yellow)}.status-dot.failed{background:var(--red)}.job-symbol{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center}.job-progress{margin-left:auto;width:120px}.job-progress span{font-size:12px;color:var(--muted)}.job-progress i,.match-score i,.table-progress i{display:block;height:5px;border-radius:5px;background:var(--surface-3);overflow:hidden}.job-progress b,.match-score b,.table-progress b{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--primary),var(--accent))}.pad{padding:20px}.muted{color:var(--muted)!important}.block{display:block}.empty-state{min-height:230px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-state.tall{min-height:440px}.empty-state>span{font-size:38px;color:var(--primary-2)}.empty-state h3{margin:9px 0 4px}.empty-state p{max-width:560px;color:var(--muted)}.empty-inline{padding:18px;border-radius:12px;background:var(--surface-2);color:var(--muted);border:1px dashed var(--border)}
.page-grid{display:grid;gap:22px}.page-grid.aside-right{grid-template-columns:minmax(0,1fr) 360px}.sticky-panel{position:sticky;top:calc(var(--topbar-height) + 20px);align-self:start}.search-box{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden;min-width:300px}.search-box input{border:0;background:transparent;padding:10px 13px;width:100%;color:var(--text);outline:0}.search-box button{width:42px;border:0;background:var(--surface-2);color:var(--text);cursor:pointer}.table-card{overflow:auto}.table-card.flush{box-shadow:none;border-radius:12px}.table-card table{width:100%;border-collapse:collapse;min-width:760px}.table-card th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);text-align:left;padding:13px 15px;background:var(--surface-2)}.table-card td{padding:13px 15px;border-top:1px solid var(--border);vertical-align:middle}.song-cell{display:flex;align-items:center;gap:11px}.song-cell>span:last-child{display:flex;flex-direction:column}.song-cell small{color:var(--muted)}.star-button{border:0;background:transparent;color:var(--surface-3);cursor:pointer;font-size:18px}.star-button.active{color:#f59e0b}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge.type{background:rgba(124,58,237,.12);color:#9b6cff}.badge.complete,.badge.success,.badge.online{background:rgba(16,185,129,.12);color:#10b981}.badge.queued,.badge.leased,.badge.processing,.badge.metadata_available,.badge.embed_available{background:rgba(245,158,11,.13);color:#f59e0b}.badge.failed,.badge.cancelled,.badge.removed,.badge.offline{background:rgba(239,68,68,.12);color:#ef4444}.badge.draft,.badge.link_only,.badge.file_required,.badge.pending,.badge.review{background:rgba(59,130,246,.12);color:#3b82f6}.badge.archived{background:var(--surface-2);color:var(--muted)}
.form-stack{display:flex;flex-direction:column;gap:14px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--text)}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 12px;outline:0;transition:.18s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,58,237,.12)}textarea{resize:vertical}fieldset{border:1px solid var(--border);border-radius:12px;padding:12px}legend{font-size:12px;font-weight:800;color:var(--muted);padding:0 6px}.dropzone{border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--border));background:rgba(124,58,237,.06);border-radius:14px;min-height:150px;display:grid;place-items:center;text-align:center;padding:20px;cursor:pointer}.dropzone.small{min-height:110px}.dropzone input{display:none}.dropzone span{font-size:30px;color:var(--primary-2)}.dropzone strong{margin-top:-18px}.dropzone small{color:var(--muted);margin-top:-18px}.inline-form{display:flex;align-items:center;gap:10px}.inline-form.wrap{flex-wrap:wrap}.inline-form input,.inline-form select{width:auto;min-width:120px;flex:1}.chip-checks{display:flex;flex-wrap:wrap;gap:7px}.chip-checks label{display:block}.chip-checks input{display:none}.chip-checks span{display:block;padding:7px 10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;cursor:pointer}.chip-checks input:checked+span{background:rgba(124,58,237,.16);border-color:var(--primary);color:var(--primary-2)}.chip-checks.compact span{padding:5px 8px}.switch-row{flex-direction:row;align-items:center;justify-content:space-between;border:1px solid var(--border);padding:12px;border-radius:11px}.switch-row span{display:flex;flex-direction:column}.switch-row small{color:var(--muted);font-weight:400}.switch-row input{width:20px}.range-value{float:right;color:var(--primary-2)}hr{border:0;border-top:1px solid var(--border);margin:20px 0}
.detail-hero{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:24px;display:flex;align-items:center;gap:22px;box-shadow:var(--shadow-soft)}.detail-cover{width:140px;height:140px;border-radius:20px;background:linear-gradient(135deg,#312e81,#8b5cf6);display:grid;place-items:center;font-size:45px;color:white;flex:none}.detail-cover.gradient{background:radial-gradient(circle at 30% 20%,#22d3ee,transparent 35%),linear-gradient(135deg,#4c1d95,#111827)}.detail-main{flex:1;min-width:0}.detail-main h2{font-size:30px;margin:8px 0 2px}.detail-main p{color:var(--muted);margin:0 0 12px}.detail-main audio{width:min(680px,100%);height:42px}.detail-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch}.badge-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.metric-strip{display:grid;grid-template-columns:repeat(6,1fr);background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:18px 0 0;overflow:hidden}.metric-strip>div{padding:16px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column}.metric-strip>div:last-child{border:0}.metric-strip strong{font-size:21px}.metric-strip small{color:var(--muted)}.waveform{height:44px;margin-top:8px;display:flex;align-items:center;gap:2px;overflow:hidden}.waveform .bar{flex:1;min-width:1px;background:linear-gradient(#22d3ee,#7c3aed);border-radius:2px;opacity:.75}.timeline-list{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:7px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.segment-color{height:38px;border-radius:8px;background:#7c3aed}.segment-color.drop{background:#ef4444}.segment-color.chorus,.segment-color.hook{background:#22d3ee}.segment-color.break{background:#f59e0b}.timeline-item div{display:flex;flex-direction:column}.timeline-item small,.timeline-item>span:last-child{color:var(--muted)}.output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.output-grid.single{grid-template-columns:1fr}.output-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);background:var(--surface-2);border-radius:11px}.output-card>span{width:33px;height:33px;border-radius:9px;background:rgba(124,58,237,.15);color:var(--primary-2);display:grid;place-items:center}.output-card div{display:flex;flex-direction:column;min-width:0}.output-card small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.inspiration-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;overflow:hidden;box-shadow:var(--shadow-soft);transition:.2s}.inspiration-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.inspiration-image{height:170px;background:radial-gradient(circle at 70% 25%,rgba(34,211,238,.3),transparent 27%),linear-gradient(135deg,#1e1b4b,#111827);background-size:cover;background-position:center;display:grid;place-items:center;position:relative;color:white}.inspiration-image>b{font-size:38px}.source-label{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);padding:5px 9px;border-radius:99px;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:800}.inspiration-copy{padding:15px}.inspiration-copy h3{margin:10px 0 5px}.inspiration-copy p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspiration-copy>small{display:block;color:var(--muted);margin-top:12px}.weight-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6}.weight-dot.very_strong_positive{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.weight-dot.negative_reference,.weight-dot.avoid_element{background:#ef4444}.inspiration-detail .inspiration-preview{width:190px;height:140px;border-radius:16px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;flex:none}.inspiration-preview iframe{width:100%;height:100%;border:0}.inspiration-preview img{width:100%;height:100%;object-fit:cover}.inspiration-preview>span{font-size:40px;color:var(--primary-2)}.tag-row,.tag-cloud{display:flex;gap:7px;flex-wrap:wrap}.tag{display:inline-flex;padding:5px 9px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);font-size:12px}.tag.positive{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.08);color:#10b981}.tag.negative{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#ef4444}.analysis-grid,.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.analysis-grid>div,.recipe-grid>div{padding:12px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;display:flex;flex-direction:column}.analysis-grid small,.recipe-grid small{color:var(--muted)}.analysis-grid strong,.recipe-grid strong{margin-top:4px}.json-view{max-height:350px;overflow:auto;background:#07090e;color:#c9d3e6;padding:14px;border-radius:10px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}details{margin-top:13px}details summary{cursor:pointer;color:var(--primary-2);font-weight:700}.finding-list{padding-left:20px}.finding-list li{margin:7px 0}.snapshot-list details{border-bottom:1px solid var(--border);padding:10px 0}.snapshot-list summary{display:flex;justify-content:space-between}.recommendation-list{display:flex;flex-direction:column;gap:9px}.compact-rec{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.compact-rec p{grid-column:1/3;margin:0}.compact-rec form{grid-column:1/3}.error-text{color:var(--red)!important}
.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.style-card{--style-color:#8b5cf6;background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:22px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;min-height:230px}.style-card:after{content:"";position:absolute;inset:auto -45px -65px auto;width:160px;height:160px;border-radius:50%;background:var(--style-color);filter:blur(30px);opacity:.18}.style-orb{width:48px;height:48px;border-radius:15px;background:radial-gradient(circle at 35% 25%,#fff,transparent 15%),var(--style-color);box-shadow:0 10px 30px color-mix(in srgb,var(--style-color) 38%,transparent);margin-bottom:20px}.style-orb.large{width:78px;height:78px;border-radius:24px;margin:0}.style-card h3{font-size:21px;margin:9px 0 7px}.style-card p{color:var(--muted);min-height:42px}.style-metrics{display:flex;gap:14px;margin-top:20px;color:var(--muted);font-size:12px}.style-metrics span{display:flex;flex-direction:column}.style-metrics strong{color:var(--text);font-size:15px}.style-header{--style-color:#8b5cf6;background:linear-gradient(135deg,color-mix(in srgb,var(--style-color) 20%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--style-color) 35%,var(--border));border-radius:22px;padding:28px;display:flex;align-items:center;gap:20px}.style-header>div:nth-child(2){flex:1}.style-header h2{font-size:31px;margin:4px 0}.style-header p{color:var(--muted);margin:0}.dna-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference-list{margin-top:15px}.reference-list>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}.reference-icon{width:34px;height:34px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center}.reference-list div div{display:flex;flex-direction:column}.reference-list small{color:var(--muted)}
.filter-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-tabs a{padding:8px 12px;border:1px solid var(--border);border-radius:99px;color:var(--muted);font-weight:700;font-size:13px}.filter-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}.recommendation-stack{display:flex;flex-direction:column;gap:13px}.recommendation-wide{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:20px;box-shadow:var(--shadow-soft)}.rec-actions{display:flex;flex-direction:column;gap:8px}.studio-form{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.studio-form-intro{padding:36px 10px 10px}.studio-form-intro h2{font-size:34px;line-height:1.1;margin:10px 0}.studio-form-intro p{color:var(--muted);font-size:17px}.pipeline-steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:28px}.pipeline-steps span{font-size:11px;padding:6px 9px;border:1px solid var(--border);border-radius:99px;color:var(--muted)}.pipeline-steps span.active{border-color:var(--primary);color:var(--primary-2);background:rgba(124,58,237,.08)}.pipeline-steps i{width:16px;height:1px;background:var(--border)}.large-form{padding:10px 26px 26px}.form-section{display:grid;grid-template-columns:45px minmax(220px,.8fr) minmax(300px,1.2fr);gap:17px;padding:25px 0;border-bottom:1px solid var(--border);align-items:start}.form-section:last-of-type{border:0}.section-number{width:36px;height:36px;border-radius:11px;background:rgba(124,58,237,.12);color:var(--primary-2);display:grid;place-items:center;font-weight:800;font-size:12px}.form-section h3{margin:0}.form-section p{margin:4px 0;color:var(--muted)}.form-section>label,.form-section>.mode-cards,.form-section>.form-grid{align-self:center}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mode-cards label{display:block}.mode-cards input{display:none}.mode-cards span{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface-2);padding:12px;border-radius:11px;cursor:pointer}.mode-cards small{color:var(--muted);font-weight:400}.mode-cards input:checked+span{border-color:var(--primary);background:rgba(124,58,237,.12)}
.mashup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mashup-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow-soft)}.mashup-sources{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.mashup-sources>div{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.mashup-sources strong{margin-top:8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mashup-sources small{color:var(--muted)}.mashup-sources>b{font-size:24px;color:var(--primary-2)}.match-score{display:flex;align-items:center;gap:10px;margin:18px 0}.match-score span{font-weight:800}.match-score i{flex:1}.mashup-card p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);transition:.2s}.project-card:hover{transform:translateY(-3px)}.project-art{height:130px;background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.3),transparent 30%),linear-gradient(135deg,#201547,#0f172a);display:flex;align-items:center;justify-content:center;position:relative}.project-art>.badge{position:absolute;right:12px;top:12px}.project-wave{display:flex;align-items:center;gap:3px;height:62px;width:80%}.project-wave i{flex:1;min-width:2px;background:linear-gradient(#22d3ee,#8b5cf6);border-radius:3px}.project-card>div:last-child{padding:17px}.project-card h3{margin:5px 0}.project-card p{color:var(--muted);margin:0}.project-hero{background:radial-gradient(circle at 80% 20%,rgba(124,58,237,.12),transparent 25%),var(--surface)}.copilot-panel{border-color:rgba(124,58,237,.35);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 93%,#7c3aed),var(--surface))}.copilot-form textarea{font-size:16px}.prompt-chips{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 14px}.prompt-chips button{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);padding:6px 9px;border-radius:99px;cursor:pointer}.version-tree{position:relative;padding-left:24px}.version-tree:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:var(--border)}.version-node{position:relative;display:grid;grid-template-columns:38px 1fr;gap:14px;padding:9px 0 17px}.version-node>span{width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:2px solid var(--primary);display:grid;place-items:center;font-weight:800;font-size:12px;z-index:2}.version-node p{margin:3px 0;color:var(--muted)}.version-node small{color:var(--muted)}.version-node blockquote{margin:8px 0 0;padding:8px 12px;border-left:3px solid var(--primary);background:var(--surface-2);border-radius:0 8px 8px 0}.job-mini{padding:11px 0;border-bottom:1px solid var(--border)}.job-mini>div:first-child{display:flex;justify-content:space-between;align-items:center}.progress{height:6px;background:var(--surface-3);border-radius:5px;overflow:hidden;margin:8px 0 4px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.job-mini small{color:var(--muted)}
.worker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.worker-card{display:flex;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:17px}.worker-card>span{color:var(--green);font-size:20px}.worker-card.offline>span{color:var(--red)}.worker-card div{display:flex;flex-direction:column}.worker-card p{margin:3px 0;color:var(--muted)}.worker-card small{color:var(--muted)}.table-progress{display:flex;align-items:center;gap:8px}.table-progress i{width:90px}.info-list{margin:18px 0}.info-list div{display:grid;grid-template-columns:120px 1fr;padding:10px 0;border-bottom:1px solid var(--border)}.info-list dt{color:var(--muted)}.info-list dd{margin:0;word-break:break-all}.notice{padding:12px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px}.audit-list{max-height:500px;overflow:auto}.audit-list>div{display:grid;grid-template-columns:90px 160px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.audit-list span,.audit-list small{color:var(--muted)}.documentation .doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0}.documentation li{margin:8px 0;color:var(--muted)}.steps-list{list-style:none;padding:0;counter-reset:steps}.steps-list li{counter-increment:steps;display:grid;grid-template-columns:42px 180px 1fr;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--border)}.steps-list li:before{content:counter(steps,decimal-leading-zero);width:34px;height:34px;border-radius:10px;background:rgba(124,58,237,.12);color:var(--primary-2);display:grid;place-items:center;font-weight:800}.steps-list span{color:var(--muted)}code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 5px}
.login-body{background:#07080d;color:#f5f7fb;min-height:100vh}.login-grid{display:grid;grid-template-columns:1.25fr .75fr;min-height:100vh}.login-visual{position:relative;padding:50px 58px;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(34,211,238,.20),transparent 28%),radial-gradient(circle at 25% 80%,rgba(124,58,237,.28),transparent 34%),linear-gradient(135deg,#111827,#07080d)}.visual-orb{position:absolute;width:420px;height:420px;border-radius:50%;right:-110px;top:70px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 45px rgba(255,255,255,.015),0 0 0 90px rgba(255,255,255,.01)}.login-copy{position:absolute;left:58px;bottom:165px;max-width:690px}.login-copy h1{font-size:58px;line-height:1.02;letter-spacing:-2px;margin:12px 0 18px}.login-copy p{font-size:20px;color:#aeb6c8}.wave-decoration{position:absolute;left:58px;right:58px;bottom:45px;height:80px;display:flex;align-items:center;gap:4px}.wave-decoration i{flex:1;background:linear-gradient(#22d3ee,#7c3aed);border-radius:4px;opacity:.65}.login-panel{display:grid;place-items:center;padding:40px;background:#0b0d14}.login-card{width:min(420px,100%);display:flex;flex-direction:column;gap:17px}.login-card h2{font-size:34px;margin:0}.login-card>p{color:#8f97aa;margin:-8px 0 5px}.login-card label{color:#dce1ed}.login-card input{background:#131722;border-color:#252b39;color:white;min-height:48px}.security-note{text-align:center;color:#697086}
@media(max-width:1250px){.recommendation-grid,.inspiration-grid,.style-grid,.project-grid,.mashup-grid{grid-template-columns:repeat(2,1fr)}.studio-form{grid-template-columns:1fr}.studio-form-intro{padding:10px}.hero-visual{width:260px}.page-grid.aside-right{grid-template-columns:minmax(0,1fr) 320px}.metric-strip{grid-template-columns:repeat(3,1fr)}.metric-strip>div:nth-child(3){border-right:0}.metric-strip>div:nth-child(-n+3){border-bottom:1px solid var(--border)}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;transition:.25s;width:248px}.sidebar.open{left:0;box-shadow:20px 0 60px rgba(0,0,0,.45)}.mobile-menu{display:inline-grid;place-items:center}.topbar{padding:0 18px}.content{padding:22px 18px 45px}.user-menu div{display:none}.page-grid.aside-right,.two-column,.two-column.wide-left{grid-template-columns:1fr}.sticky-panel{position:static}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{padding:32px}.hero-visual{display:none}.form-section{grid-template-columns:40px 1fr}.form-section>label,.form-section>.mode-cards,.form-section>.form-grid{grid-column:2}.login-grid{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.worker-grid{grid-template-columns:1fr}.detail-hero{align-items:flex-start;flex-wrap:wrap}.detail-actions{width:100%;flex-direction:row}.audit-list>div{grid-template-columns:80px 1fr}.audit-list small{grid-column:2}.documentation .doc-grid{grid-template-columns:1fr}}
@media(max-width:680px){.topbar-title .eyebrow,.quick-add{display:none}.topbar-title h1{font-size:18px}.content{padding:18px 12px 40px}.hero-panel{padding:28px 22px;min-height:240px}.hero-panel h2{font-size:30px}.hero-panel p{font-size:16px}.stats-grid,.recommendation-grid,.inspiration-grid,.style-grid,.project-grid,.mashup-grid{grid-template-columns:1fr}.recommendation-card{grid-template-columns:auto 1fr}.recommendation-card form{grid-column:2}.recommendation-wide{grid-template-columns:1fr}.rec-actions{flex-direction:row;flex-wrap:wrap}.section-header{align-items:flex-start;flex-direction:column}.search-box{min-width:0;width:100%}.form-grid.two,.form-grid.three,.analysis-grid,.recipe-grid,.dna-columns{grid-template-columns:1fr}.detail-cover{width:90px;height:90px}.detail-main h2{font-size:24px}.detail-actions{flex-direction:column}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip>div{border-bottom:1px solid var(--border)}.metric-strip>div:nth-child(2n){border-right:0}.metric-strip>div:nth-last-child(-n+2){border-bottom:0}.form-section{grid-template-columns:1fr}.form-section>*{grid-column:1!important}.section-number{margin-bottom:-8px}.mode-cards{grid-template-columns:1fr}.large-form{padding:10px 16px 20px}.mashup-sources{grid-template-columns:1fr}.mashup-sources>b{transform:rotate(90deg)}.steps-list li{grid-template-columns:38px 1fr}.steps-list span{grid-column:2}.output-grid{grid-template-columns:1fr}.topbar-actions{gap:6px}.user-menu{padding-left:8px}.user-menu>a{display:none}}

/* RemixForge 2.0 modules */
.filter-row,.filter-grid,.inline-form,.compact-action-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto}.filter-row label,.filter-grid label{margin:0}.checkbox-line{display:flex!important;align-items:center;gap:9px}.checkbox-line input{width:auto!important}.compact-action-row{padding:12px 0;border-bottom:1px solid var(--border)}.compact-action-row strong{margin-right:auto}.compact-list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.compact-list-row span{display:flex;flex-direction:column}.compact-list-row small{color:var(--muted);margin-top:3px}.chip-checks.vertical{display:grid;grid-template-columns:1fr 1fr;max-height:370px;overflow:auto}.segment-grid,.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.segment-card,.sample-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft)}.segment-card h3,.sample-card h3{margin:12px 0 4px}.segment-card p,.sample-card p{margin:0;color:var(--muted)}.waveform.mini{height:54px;margin-bottom:13px}.sample-card audio{width:100%;margin:14px 0}.opportunity-graph{height:610px;position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.12),transparent 55%),var(--surface-2);border:1px solid var(--border)}.graph-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);text-align:center;padding:8px;cursor:pointer;z-index:2;transition:.2s}.graph-node:hover{transform:translate(-50%,-50%) scale(1.08);z-index:5}.graph-node strong{font-size:12px;line-height:1.1;max-width:70px;overflow:hidden}.graph-node small{font-size:9px;color:var(--muted)}.graph-node.song{border-color:#7c3aed}.graph-node.style{border-color:#22d3ee}.graph-node.inspiration{border-color:#ec4899}.graph-node.project{border-color:#10b981}.graph-edge{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);transform-origin:left center;opacity:.35;z-index:1}.graph-edge.mashup{height:2px;opacity:.65}.graph-legend{display:flex;gap:18px;margin-top:12px;color:var(--muted)}.graph-legend span{display:flex;align-items:center;gap:7px}.graph-legend i{width:10px;height:10px;border-radius:50%;background:#7c3aed}.graph-legend .node-style{background:#22d3ee}.graph-legend .node-inspiration{background:#ec4899}.graph-legend .node-project{background:#10b981}.taste-panel{min-height:540px}.taste-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.taste-compare article{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:18px;padding:24px}.taste-compare pre{white-space:pre-wrap;color:var(--muted);font-size:13px}.variant-letter{position:absolute;right:18px;top:16px;width:34px;height:34px;border-radius:10px;background:var(--primary);color:white;display:grid;place-items:center;font-weight:800}.taste-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.preference-list>div{padding:13px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:3px 12px}.preference-list .progress{grid-column:1/-1}.preference-list small{grid-column:1/-1;color:var(--muted)}.dj-timeline{display:flex;flex-direction:column}.dj-track-row{display:grid;grid-template-columns:42px minmax(0,1fr) 90px 40px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.dj-track-row>div{display:flex;flex-direction:column}.dj-track-row small{color:var(--muted)}.track-position{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-weight:800}.live-console{display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:18px}.deck,.mixer{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow-soft)}.deck-label{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--primary-2)}.deck-song{margin:12px 0}.deck-display{display:flex;justify-content:space-between;gap:12px;align-items:center}.deck-display span{color:var(--muted)}.deck-wave{height:90px;margin:22px 0}.deck-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deck-controls label{grid-column:1/-1}.mixer{display:flex;flex-direction:column;justify-content:center;gap:24px;text-align:center}.compatibility strong{font-size:48px;display:block}.compatibility small{color:var(--muted)}.energy-meter{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;text-align:left}.energy-meter i{height:8px;border-radius:6px;background:linear-gradient(90deg,var(--green),var(--yellow),var(--red));transform-origin:left center}.lineage-tree{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.lineage-card{padding:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:7px}.lineage-card h3{margin:4px 0}.lineage-card p,.lineage-card small{color:var(--muted);margin:0}.lineage-card .button{margin-top:auto}.studio-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.studio-insight-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.studio-insight-card strong{font-size:28px}.studio-insight-card small{display:block;color:var(--muted)}
@media(max-width:1250px){.segment-grid,.sample-grid{grid-template-columns:repeat(2,1fr)}.live-console{grid-template-columns:1fr 180px 1fr}.lineage-tree{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.filter-grid{grid-template-columns:1fr 1fr}.live-console{grid-template-columns:1fr}.lineage-tree{grid-template-columns:repeat(2,1fr)}.mixer{order:3}.segment-grid,.sample-grid{grid-template-columns:1fr}}
@media(max-width:680px){.filter-grid,.taste-compare,.lineage-tree,.studio-insight-grid{grid-template-columns:1fr}.chip-checks.vertical{grid-template-columns:1fr}.opportunity-graph{height:480px}.track-lane{grid-template-columns:170px minmax(800px,1fr)}.dj-track-row{grid-template-columns:36px 1fr}.dj-track-row>span:nth-child(3),.dj-track-row form{grid-column:2}}