.sfo-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.sfo-tabs button[aria-selected=true]{background:var(--grn,#1db954);color:#071009;border-color:var(--grn,#1db954)}.sfo-tab-inactive{display:none!important}.sfo-tools-note{font-size:12px;line-height:1.6;color:var(--mut,#a0aaa0);margin:8px 0 14px}.sfo-compact-help{margin:14px 0;border:1px solid var(--line,#293129);padding:12px}.sfo-compact-help>summary{cursor:pointer;font-size:12px}.sfo-compact-help .guide{border:0;margin:0;padding:14px 0}.sfo-file-list{display:grid;gap:8px}.sfo-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--line,#293129);padding:12px}.sfo-file-row>span{flex:1;min-width:180px;overflow-wrap:anywhere}.sfo-file-row small{display:block;color:var(--mut,#a0aaa0);margin-top:6px}.sfo-sync{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--line,#293129);margin:12px 0}.sfo-sync [role=status]{flex:1;font-size:12px}.sfo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.sfo-spot{border:1px solid var(--line,#293129);padding:14px}.sfo-spot iframe{width:100%;border:0;border-radius:10px;margin-top:10px}.sfo-section-title{font-family:Archivo,sans-serif;font-size:20px}.sfo-suno-actions{margin-top:16px}.seedgrid{gap:18px}.seedgrid>div{min-width:0}.seedgrid .seg{display:flex;flex-wrap:wrap}.seedgrid .seg button{flex:1 0 auto}.sfo-progress{min-height:1.6em}.sfo-transcript{width:100%;min-height:220px}.sfo-file-row .active{border-color:var(--grn,#1db954)}

.sfo-tabs button[aria-selected="false"]{background:transparent!important;color:var(--txt,#e9ede9)!important;opacity:1}.sfo-tabs button[aria-selected="true"]{background:var(--grn,#1db954)!important;color:#06130b!important;opacity:1}.sfo-tabs button:focus-visible{outline:2px solid var(--txt,#e9ede9);outline-offset:3px}.home-main .panel{margin-top:24px}.home-main .panel a{color:#1ed760}.home-note a{color:#1ed760}

.character-panel{border:1px solid var(--line2,#354135);padding:16px;margin:16px 0}.character-panel h3{font-size:16px;margin-bottom:8px}.character-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0}.character-controls label{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.character-controls input{flex:1;min-width:100px;accent-color:var(--grn,#1db954)}.character-bypassed{opacity:.35;pointer-events:none}@media(max-width:600px){.character-controls{grid-template-columns:1fr}}

.master-record{position:fixed;inset:0;margin:auto;width:min(860px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid #3b4b3e;padding:24px;background:#141914;color:#e9ede9;font:13px/1.65 'JetBrains Mono',monospace;box-shadow:0 20px 90px #000a}.master-record::backdrop{background:#000b}.master-record header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.master-record h2{font:800 25px Archivo,sans-serif;color:#e9ede9;margin:6px 0;overflow-wrap:anywhere}.master-record h3{font-size:14px;margin:18px 0 8px}.master-record p{margin:10px 0;color:#bdc9bd}.master-record .record-state{color:#1ed760;font-weight:700}.master-record .record-state.review{color:#ffc45c}.master-record .record-table{overflow-x:auto;margin:18px 0}.master-record table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.master-record td,.master-record th{padding:10px 12px;border-bottom:1px solid #354135;text-align:right}.master-record th:first-child{text-align:left}.master-record .record-bars{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.master-record meter{width:90px;accent-color:#1ed760}.master-record ul{padding-left:20px}.master-record .btn{color:#e9ede9;border-color:#526552;background:#192319;cursor:pointer}.master-record [data-record-save]{margin-top:16px;color:#1ed760}.character-panel select{background:#101810;color:#e9ede9;border:1px solid #526552;padding:9px;font:inherit;max-width:100%}@media(max-width:600px){.master-record{padding:16px}.master-record .record-bars{grid-template-columns:1fr}.master-record header{gap:8px}.master-record h2{font-size:20px}}

.fullness-banner{padding:14px 18px;background:#13321e;border:1px solid #1db954;color:#e9ede9;margin:0 0 16px;font-size:13px;grid-column:1/-1}.fullness-banner a{color:#45ea82}.character-panel{scroll-margin-top:90px}.home-fullness{display:block;padding:14px 18px;margin:18px 0;border:1px solid #1db954;color:#1ed760;text-decoration:none}
.track-feedback{border:1px solid #35513d;background:#111c15;padding:16px;margin:16px 0;color:#dce9df;font:13px/1.65 'JetBrains Mono',monospace}.feedback-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.feedback-heading strong{color:#48e780;font-size:15px}.feedback-heading>span,.feedback-note{color:#9cb4a4;font-size:11px}.track-feedback p{margin:8px 0}.feedback-level{font-size:14px}.feedback-level>span{display:inline-block;margin-left:12px;color:#9cb4a4;font-size:12px}.feedback-effects{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:12px 0}.feedback-effect{padding:10px 12px;border:1px solid #304638;background:#142219}.feedback-effect b{font-size:12px}.feedback-effect p{font-size:12px;line-height:1.6}.feedback-tag{display:inline-block;margin-left:8px;font-size:10px;color:#47e47c}.feedback-effect.off,.feedback-effect.skipped{background:transparent;border-color:#29372e;color:#9caea2}.feedback-effect.off .feedback-tag,.feedback-effect.skipped .feedback-tag{color:#9caea2}.feedback-effect.enabled .feedback-tag{color:#edcf89}.track-feedback.pending{border-color:#77602e;background:#211d13}.track-feedback.pending .feedback-heading strong{color:#f0d083}.feedback-technical{margin:16px 0;border:1px solid #36443b;padding:12px}.feedback-technical>summary{cursor:pointer;color:#c5dacb}.processing-overview{padding:16px;border:1px solid #3f6f4c;margin:0 0 16px;background:#14261b;font-size:12px}.processing-overview strong{font-size:15px;color:#49e17a}.processing-overview p{margin:8px 0 0;color:#bed0c3}.compact .feedback-effects{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.compact .feedback-effect{padding:8px}.compact .feedback-peak{font-size:11px;color:#adc1b3}@media(max-width:600px){.feedback-effects,.compact .feedback-effects{grid-template-columns:1fr}.feedback-level>span{display:block;margin-left:0}.track-feedback{padding:12px}}

.character-mode .mast-head button.lit{background:transparent;color:#9caf9e;box-shadow:none}.master-record [data-record-text]{margin-top:16px}