:root{--page-bg: #111512;--surface: #1b211d;--surface-raised: #222a25;--surface-soft: #171c19;--input-bg: #111512;--text: #edf3ee;--heading: #ffffff;--muted: #aab6ad;--border: #3c4940;--border-soft: #303a33;--accent: #55b88a;--accent-strong: #2f7f5b;--accent-text: #07150e;--danger: #ef8179;--warning: #e4b763;--warning-bg: #302816;--code-bg: #090c0a;--code-text: #dff7e7;--focus: rgba(85, 184, 138, .3);--shadow: 0 18px 42px rgba(0, 0, 0, .28);--radius: 8px;--ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--page-bg);font-family:var(--ui-font);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=winamp-retro]{--page-bg: #0b1638;--surface: #252b38;--surface-raised: #303747;--surface-soft: #1b2030;--input-bg: #090d15;--text: #f3f5f7;--heading: #ffffff;--muted: #c1c7d0;--border: #8993a5;--border-soft: #596274;--accent: #62e4ff;--accent-strong: #176f8a;--accent-text: #061115;--danger: #ff7d86;--warning: #ffe16b;--warning-bg: #353014;--code-bg: #050812;--code-text: #8dff68;--focus: rgba(98, 228, 255, .34);--shadow: 0 14px 30px rgba(0, 0, 0, .42);--radius: 2px}:root[data-theme=terminal]{--page-bg: #020603;--surface: #071009;--surface-raised: #0a160d;--surface-soft: #040b06;--input-bg: #010402;--text: #9cffad;--heading: #d5ffdc;--muted: #65b875;--border: #26763a;--border-soft: #194c28;--accent: #8cff9f;--accent-strong: #1d6c31;--accent-text: #001803;--danger: #ff6b73;--warning: #ffd166;--warning-bg: #1d1805;--code-bg: #000000;--code-text: #9cffad;--focus: rgba(140, 255, 159, .3);--shadow: none;--radius: 2px;--ui-font: "SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=minimal-light]{--page-bg: #f5f6f7;--surface: #ffffff;--surface-raised: #ffffff;--surface-soft: #f8f9fa;--input-bg: #ffffff;--text: #282c30;--heading: #111315;--muted: #687078;--border: #cfd4d8;--border-soft: #e1e5e8;--accent: #276e57;--accent-strong: #276e57;--accent-text: #ffffff;--danger: #a33a35;--warning: #8b5a12;--warning-bg: #fff7e8;--code-bg: #171b1d;--code-text: #f1f4f2;--focus: rgba(39, 110, 87, .22);--shadow: 0 10px 28px rgba(24, 30, 27, .08);--radius: 6px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg)}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:1fr;gap:24px;min-height:100vh;padding:24px}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:flex-end;gap:18px;border:1px solid #c9c4b7;border-radius:8px;background:#fffdf8;box-shadow:0 18px 42px #1d211f14;padding:24px}.workflow-tabs{display:flex;flex-wrap:wrap;grid-column:2;justify-content:center;gap:8px}.header-utilities{display:flex;grid-column:3;align-items:center;justify-content:flex-end;gap:10px}.ui-mode-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #b9b3a6;border-radius:6px;overflow:hidden;background:#fff}.mode-button{min-height:36px;border:0;border-right:1px solid #b9b3a6;background:#fff;color:#4f5751;cursor:pointer;padding:0 14px;font-weight:800}.mode-button:last-child{border-right:0}.mode-button.active{background:#263b32;color:#fff}.tab-button{min-height:40px;border:1px solid #b9b3a6;border-radius:6px;background:#fff;color:#343935;cursor:pointer;padding:0 16px;font-weight:800}.tab-button.active{border-color:#2d785c;background:#2d785c;color:#fff}.settings-button{min-height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);cursor:pointer;padding:0 14px;font-weight:800}.settings-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;overflow:auto;background:#0000009e;padding:12vh 20px 40px}.settings-modal{display:grid;width:min(440px,100%);gap:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:24px}.settings-header,.compact-setting{display:flex;align-items:center;justify-content:space-between;gap:16px}.compact-setting{grid-template-columns:1fr auto;border-top:1px solid var(--border-soft);padding-top:18px}.compact-setting span{display:grid;gap:4px}.compact-setting small{color:var(--muted);font-weight:500}.compact-setting input{width:20px;min-height:20px;accent-color:var(--accent)}.tab-workspace{min-width:0}.build-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.pattern-workspace,.arrangement-export-column{display:grid;gap:24px;min-width:0}.pattern-workspace{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start}.pattern-workspace .clean-output-panel,.pattern-workspace .save-panel,.pattern-workspace .musical-feedback-panel{grid-column:1 / -1}.arrange-workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1fr);gap:24px;align-items:start}.arrange-workspace .arrangement-panel{grid-column:auto}.controls-panel,.output-panel,.quality-panel,.arrangement-panel,.library-panel{border:1px solid #c9c4b7;border-radius:8px;background:#fffdf8;box-shadow:0 18px 42px #1d211f14}.controls-panel{display:flex;flex-direction:column;gap:22px;padding:28px}.legacy-build-controls{display:none}.essential-control-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(190px,auto);align-items:end;gap:14px}.generate-music-button{min-height:48px;padding-inline:28px;font-size:1rem}.consumer-preset-panel{gap:16px;padding:18px}.subsection-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.subsection-heading h3,.workspace-section-heading h2{margin:0;color:var(--heading)}.subsection-heading p:last-child,.workspace-section-heading>p:last-child{max-width:560px;margin:0;color:var(--muted);line-height:1.45}.preset-browser-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);align-items:end;gap:14px}.preset-browser-actions,.consumer-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fast-preset-browser{display:grid;gap:18px}.preset-collection{display:grid;gap:9px}.preset-collection h4{margin:0;color:var(--muted);font-size:.76rem;letter-spacing:0;text-transform:uppercase}.fast-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fast-preset-card{display:grid;min-width:0;min-height:112px;align-content:start;gap:5px;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);padding:13px;color:var(--text);text-align:left}.fast-preset-card:hover{border-color:var(--accent);background:var(--surface-soft)}.fast-preset-card.is-selected{border-color:var(--accent);background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--accent)}.fast-preset-card strong,.fast-preset-card span,.fast-preset-card small{overflow-wrap:anywhere}.fast-preset-card strong{color:var(--heading);font-size:.96rem}.fast-preset-card span{color:var(--accent);font-size:.72rem;font-weight:700;text-transform:capitalize}.fast-preset-card small{color:var(--muted);font-size:.78rem;line-height:1.35}.preset-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.preset-browser-actions>*,.consumer-action-bar>*{flex:0 1 auto}.consumer-action-bar{border-top:1px solid var(--border-soft);padding-top:18px}.advanced-controls-disclosure{overflow:hidden}.advanced-controls-disclosure summary{padding:16px 18px}.advanced-controls-disclosure summary>span{display:grid;gap:3px}.advanced-controls-disclosure summary small{color:var(--muted);font-weight:500}.advanced-basics-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.workspace-section-heading{grid-column:1 / -1;border-bottom:1px solid var(--border-soft);padding:4px 2px 16px}.feedback-workspace-heading{display:grid;gap:4px}.output-panel,.quality-panel{min-width:0;padding:28px}.creator-comparison-panel{grid-column:1 / -1;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:28px}.creator-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-comparison-grid label{min-width:0}.creator-comparison-grid textarea{width:100%;min-height:260px;max-height:420px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.45;white-space:pre}.creator-session-message{grid-column:1 / -1}.musical-feedback-panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:28px}.feedback-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.feedback-empty-state{display:grid;gap:6px;margin-top:20px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:22px;color:var(--muted)}.feedback-empty-state p,.feedback-overview p,.musical-score-card p,.suggestion-row p,.repair-plan-card p{margin:0}.musical-feedback-content{display:grid;gap:22px;margin-top:22px}.feedback-overview{display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr);align-items:center;gap:18px;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-soft);padding:16px}.overall-quality-score{display:grid;min-width:150px;gap:2px;border-right:1px solid var(--border-soft);padding-right:18px}.overall-quality-score span,.overall-quality-score small,.feedback-overview p{color:var(--muted)}.overall-quality-score strong{color:var(--heading);font-size:2.25rem;line-height:1}.musical-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.musical-score-card{display:grid;align-content:start;gap:10px;min-width:0;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-raised);padding:14px}.musical-score-card>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.musical-score-card span,.suggestion-meta span,.repair-plan-header span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.musical-score-card strong{color:var(--heading);font-size:1.35rem}.musical-score-card p,.suggestion-row small,.repair-plan-card dd{color:var(--muted);line-height:1.5}.musical-score-card ul,.feedback-warning-summary ul{margin:0;padding-left:18px;color:var(--warning);font-size:.84rem}.feedback-warning-summary{border-left:3px solid var(--warning);background:var(--warning-bg);padding:14px 16px}.feedback-section{display:grid;gap:12px;border-top:1px solid var(--border-soft);padding-top:20px}.feedback-section-heading,.repair-plan-header,.suggestion-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feedback-section-heading h3,.repair-plan-header h4{margin:0;color:var(--heading)}.feedback-section-heading>span{color:var(--muted);font-size:.82rem;font-weight:700}.suggestion-list{display:grid;gap:8px}.suggestion-row{display:grid;gap:7px;border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface-raised);padding:14px 16px}.suggestion-row.severity-warning{border-left-color:var(--warning)}.suggestion-row.severity-important{border-left-color:var(--danger)}.suggestion-meta strong{color:var(--text);font-size:.78rem;text-transform:uppercase}.feedback-target,.repair-badges{display:flex;flex-wrap:wrap;gap:6px}.feedback-target span,.repair-badges span{border:1px solid var(--border-soft);border-radius:4px;background:var(--surface-soft);color:var(--muted);padding:4px 7px;font-size:.76rem;font-weight:700}.repair-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.repair-plan-card{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-raised);padding:16px}.repair-plan-card dl{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:7px 12px;margin:0}.repair-plan-card dt{color:var(--muted);font-size:.8rem;font-weight:800}.repair-plan-card dd{margin:0}.repair-plan-blocked{border-color:var(--warning)}.repair-blocked-message{border-left:3px solid var(--warning);background:var(--warning-bg);color:var(--warning);padding:10px 12px;font-weight:800}.repair-ineligible-message{border-top:1px solid var(--border-soft);color:var(--muted);padding-top:10px;font-size:.82rem;font-weight:700}.repair-application-message{margin:0;border-left:3px solid var(--accent);background:var(--surface-soft);color:var(--text);padding:12px 14px;font-weight:800}.repair-patch-preview{min-height:0;max-height:150px;padding:12px;font-size:.8rem}.library-panel,.arrangement-panel{grid-column:1 / -1;min-width:0;padding:28px}.eyebrow{margin:0 0 8px;color:#5f6f62;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#171a18;line-height:1.1}h1{font-size:2rem}h2{font-size:1.35rem}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:18px}.build-core-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,3fr);gap:18px;align-items:start}.build-core-grid.legacy-build-controls{display:none}.identity-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(12rem,1fr);gap:.75rem}@media(max-width:720px){.identity-grid{grid-template-columns:1fr}}.advanced-control-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px}.advanced-control-grid fieldset{grid-column:1 / -1}.preset-panel{display:grid;gap:12px;border:1px solid #c9d5cc;border-radius:8px;background:#f7fbf8;padding:14px}.build-to-arrange{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;border-top:1px solid #d8d2c4;padding-top:18px}.quality-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.performance-actions{align-items:end}.inline-section-role{min-width:130px}.performance-actions .strudel-helper-text,.performance-actions .preview-disclaimer{flex-basis:100%}.preset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-locks{margin:0;border:1px solid #d8d2c4;border-radius:6px;padding:10px}.preset-locks legend{padding:0 5px;color:#4f5751;font-size:.82rem;font-weight:800}.preset-lock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-message{margin:0;color:#1f5f48;font-size:.82rem;font-weight:800}.seed-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.fx-fieldset,.sound-fieldset,.mix-fieldset,.feedback-fieldset{display:grid;gap:10px;min-width:0;margin:0;border:1px solid #d8d2c4;border-radius:8px;padding:14px}.fx-fieldset legend,.sound-fieldset legend,.mix-fieldset legend,.feedback-fieldset legend{padding:0 6px;color:#343935;font-weight:800}.fx-grid,.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fx-amount-grid,.sound-grid,.mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:700}.checkbox-label input{width:18px;min-height:18px;accent-color:#2d785c}label{display:grid;gap:8px;color:#343935;font-weight:700}input,textarea,select{width:100%;border:1px solid #b9b3a6;border-radius:6px;background:#fff;color:#171a18}input,select{min-height:44px;padding:0 12px}textarea{min-height:104px;padding:12px;resize:vertical}input:focus,textarea:focus,select:focus,button:focus{outline:3px solid rgba(45,120,92,.24);outline-offset:2px}.primary-button,.secondary-button,.danger-button,.utility-button,.warning-button{min-height:44px;border-radius:6px;cursor:pointer;padding:0 18px;font-weight:800}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.utility-button:disabled,.warning-button:disabled{cursor:not-allowed;opacity:.45}.primary-button{border:1px solid var(--accent);background:#2d785c;color:#fff}.secondary-button{border:1px solid #2d785c;background:#fff;color:#1f5f48;padding:0 18px}.danger-button{border:1px solid #9d3d38;background:#fff;color:#8c2f2a;padding:0 18px}.utility-button{border:1px solid var(--border);background:transparent;color:var(--muted)}.utility-button:hover{border-color:var(--accent);color:var(--text)}.warning-button{border:1px solid var(--warning);background:var(--warning-bg);color:var(--warning)}.workspace-toast{position:fixed;z-index:90;top:104px;right:24px;max-width:min(420px,calc(100vw - 32px));border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow);color:var(--text);padding:12px 16px;font-size:.86rem;font-weight:800}.save-panel{display:grid;gap:18px;min-width:0;border:1px solid #c9c4b7;border-radius:8px;background:#fffdf8;box-shadow:0 18px 42px #1d211f14;padding:24px}.track-regeneration-panel{display:grid;gap:10px}.preview-disclaimer{margin:-18px 0 0;border-left:2px solid #9eb7a7;color:#626b64;padding-left:9px;font-size:.8rem;line-height:1.4}.action-helper{margin:8px 0 0;color:#687069;font-size:.82rem;line-height:1.4}.save-actions,.library-actions,.arrangement-actions,.build-actions,.backup-actions{display:flex;flex-wrap:wrap;gap:10px}.simple-workflow{display:grid;gap:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:14px}.simple-workflow-help{margin:0;color:var(--muted);font-size:.84rem;font-weight:700}.simple-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:8px}.workflow-step{display:grid;align-content:start;gap:7px;border-left:2px solid var(--border);padding-left:9px}.workflow-step>span{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.workflow-step-primary{border-left-color:var(--accent)}.workflow-step-save{border-left-color:var(--accent-strong)}.compact-workflow-select{gap:5px;color:var(--muted);font-size:.76rem}.compact-workflow-select select{min-height:36px;padding:0 8px}.arrangement-length-control{max-width:360px}.arrangement-planning-fieldset{margin:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:14px}.arrangement-planning-fieldset legend{color:var(--text);padding:0 6px;font-weight:800}.arrangement-planning-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.quiet-danger-button{min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;padding:0 18px;font-weight:800}.quiet-danger-button:hover{border-color:var(--danger);color:var(--danger)}.quiet-danger-button:disabled{cursor:not-allowed;opacity:.45}.save-confirmation,.improvement-message{margin:0;color:var(--accent-strong);font-size:.84rem;font-weight:800}.similarity-result{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #b9cfc3;border-radius:8px;background:#f4faf6;padding:12px 14px}.favorite-generation-summary{margin:0;border-left:3px solid #2d785c;color:#1f5f48;padding-left:12px;line-height:1.45;font-weight:800}.similarity-result div{display:flex;align-items:baseline;gap:8px}.similarity-result span{color:#5e655f;font-size:.84rem;font-weight:800}.similarity-result strong{color:#1f5f48;font-size:1.15rem}.similarity-result p{margin:0;color:#1f5f48;font-weight:800}.output-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.section-description{max-width:680px;margin:8px 0 0;color:#5e655f;line-height:1.45}.output-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.strudel-helper-text{flex-basis:100%;color:#6b726c;font-size:.82rem;text-align:right}.backup-actions{justify-content:flex-end}.file-button{display:inline-flex;align-items:center;justify-content:center}.file-button input{position:absolute;width:1px;min-height:1px;opacity:0;pointer-events:none}.backup-message{margin:-8px 0 18px;color:#1f5f48;font-weight:800}.strudel-open-message{margin:-8px 0 16px;color:#1f5f48;font-weight:800}.quality-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.quality-panel-compact{gap:14px}.quality-panel-compact .section-description{display:none}.quality-panel-compact .quality-grid{gap:6px}.quality-panel-compact .quality-score{gap:4px;padding:10px}.simple-code-disclosure pre{margin-top:12px}.quality-score{display:grid;gap:8px;border:1px solid #d8d2c4;border-radius:8px;background:#fff;padding:14px}.quality-score span{color:#5e655f;font-size:.84rem;font-weight:800}.quality-score strong{color:#171a18;font-size:1.25rem}.quality-ok{margin:16px 0 0;color:#2d785c;font-weight:800}.quality-warnings{display:grid;gap:8px;margin:16px 0 0;padding-left:20px;color:#8c2f2a;font-weight:800}pre{overflow:auto;max-height:240px;min-height:140px;margin:0;border-radius:8px;background:#151917;color:#f6f2e9;padding:22px;line-height:1.6;white-space:pre-wrap}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94rem}.empty-state{margin:0;color:#5e655f}.library-list,.library-tile-grid{display:grid;gap:18px}.library-tile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.library-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-bottom:20px;border:1px solid #d8d2c4;border-radius:8px;padding:12px}.library-filters label{gap:5px;color:#687069;font-size:.78rem}.library-filters select{min-height:36px;font-size:.88rem}.arrangement-controls,.arrangement-list{display:grid;gap:14px}.arrangement-controls{margin-bottom:18px}.arrangement-controls .checkbox-label{width:fit-content}.arrangement-list{gap:0;border-top:1px solid #d8d2c4}.library-item,.arrangement-item{display:grid;gap:14px;border:1px solid #d8d2c4;border-radius:8px;padding:18px;background:#fff}.library-tile{display:flex;min-width:0;min-height:250px;flex-direction:column;gap:14px;border:1px solid #d8d2c4;border-radius:8px;background:#fff;padding:16px}.library-tile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.library-tile-subtitle{margin:5px 0 0;color:#5e655f;font-size:.86rem;line-height:1.35}.status-badge{flex:0 0 auto;border:1px solid currentColor;border-radius:999px;padding:4px 7px;font-size:.7rem;font-weight:900;line-height:1;text-transform:uppercase}.status-badge.favorite{color:#287456}.status-badge.failed{color:#9d3d38}.status-badge.arrangement{color:#49685d}.compact-tags{min-height:25px;gap:5px}.compact-tags .feedback-tag,.tag-overflow{padding:3px 7px;font-size:.72rem}.tag-overflow{color:#687069;font-weight:800}.library-quick-actions,.library-secondary-actions{display:flex;flex-wrap:wrap;gap:6px}.library-quick-actions{margin-top:auto}.library-quick-actions .compact-button{flex:1 1 auto}.library-details{border-top:1px solid #e0dbcf;margin:0 -16px -16px}.library-details summary{cursor:pointer;color:#5e655f;padding:10px 16px;font-size:.78rem;font-weight:800}.library-details-content{display:grid;gap:10px;border-top:1px solid #e0dbcf;padding:12px 16px 16px}.library-details .library-meta{font-size:.8rem;line-height:1.45}.library-details .saved-code{min-height:110px;max-height:150px;padding:14px}.arrangement-item{border:0;border-bottom:1px solid #d8d2c4;border-radius:0;background:transparent;padding:12px 0}.library-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.arrangement-summary{display:grid;grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:12px}.arrangement-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.compact-button,.icon-button{min-height:34px}.compact-button{padding:0 10px;font-size:.84rem}.icon-button{width:34px;padding:0;font-size:1rem}.arrangement-row-info .library-title{margin-bottom:3px}.library-title{margin:0 0 6px;color:#171a18;font-weight:800}.library-meta,.library-notes{margin:0;color:#5e655f}.library-notes{white-space:pre-wrap}.library-notes-visible{border-left:3px solid #b8cabc;padding-left:10px;font-size:.84rem}.strudel-import-panel{margin-top:12px}.strudel-import-panel textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.import-summary{display:grid;gap:8px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.feedback-tag{border:1px solid #b8cabc;border-radius:999px;background:#edf6ef;color:#244f3e;padding:5px 10px;font-size:.82rem;font-weight:800}.saved-code{min-height:140px;max-height:180px}.arrangement-code{min-height:140px;max-height:260px}.arrangement-export{display:grid;gap:12px;margin-top:18px}.export-code-disclosure{margin-top:16px;border-top:1px solid #d8d2c4}.export-code-disclosure summary{cursor:pointer;color:#5e655f;padding:12px 0;font-size:.84rem;font-weight:800}.export-code-disclosure pre{margin-top:2px}.full-arrangement-library{display:grid;gap:18px;border-top:1px solid #d8d2c4;margin-top:24px;padding-top:24px}.library-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.library-count{color:#687069;font-size:.8rem;font-weight:800}.diagnostics-panel{display:grid;gap:18px;margin:24px 0;border:1px solid #d8d2c4;border-radius:8px;background:#fff;padding:20px}.taste-profile-panel{border-block:1px solid var(--border);padding-block:1rem}.taste-profile-summary{margin-top:.75rem;padding:.85rem;border:1px solid var(--border);background:var(--surface-soft)}.taste-profile-summary p{margin:0 0 .45rem}.taste-profile-summary details{margin-top:.65rem}.taste-profile-summary pre{max-height:18rem;margin:.75rem 0 0;overflow:auto;white-space:pre-wrap}.diagnostics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.diagnostics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.diagnostic-value{display:grid;gap:5px;min-width:0;border:1px solid #e0dbcf;border-radius:6px;padding:12px}.diagnostic-value span{color:#687069;font-size:.82rem;font-weight:700}.diagnostic-value strong{overflow-wrap:anywhere;color:#202521}.diagnostics-status{display:grid;gap:6px;border-top:1px solid #e0dbcf;padding-top:14px}.diagnostics-status p{margin:0;color:#4e5b52}.arrangement-export-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.advanced-disclosure{border:1px solid #d8d2c4;border-radius:8px;background:#fff}.advanced-disclosure summary{cursor:pointer;color:#1f5f48;padding:12px 14px;font-weight:800}.advanced-disclosure-content{display:grid;gap:14px;border-top:1px solid #e0dbcf;padding:14px}.library-tools{margin:0 0 24px}@media(max-width:1100px){.pattern-workspace{grid-template-columns:1fr}.pattern-workspace .clean-output-panel,.pattern-workspace .save-panel,.pattern-workspace .musical-feedback-panel{grid-column:auto}.musical-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-workflow-steps{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:800px){.app-shell{grid-template-columns:1fr;padding:14px}.app-header,.build-workspace,.arrange-workspace{display:grid;grid-template-columns:1fr}.header-utilities{grid-column:auto;justify-content:stretch}.workflow-tabs,.ui-mode-toggle,.settings-button{width:100%}.workflow-tabs{grid-column:auto}.header-utilities{display:grid;grid-template-columns:minmax(0,1fr) auto}.workflow-tabs .tab-button{flex:1}.controls-panel,.output-panel,.quality-panel,.creator-comparison-panel,.musical-feedback-panel,.arrangement-panel,.library-panel,.save-panel{padding:20px}.seed-control,.preset-actions,.preset-lock-grid,.build-core-grid,.control-grid,.advanced-control-grid,.build-to-arrange,.essential-control-grid,.preset-browser-row,.advanced-basics-grid{grid-template-columns:1fr}.subsection-heading{display:grid;align-items:start;gap:6px}.preset-browser-actions,.consumer-action-bar{display:grid;grid-template-columns:1fr}.fast-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-comparison-grid{grid-template-columns:1fr}.preset-browser-footer{display:grid;grid-template-columns:1fr}.preset-browser-footer>.primary-button{width:100%}.preset-browser-actions>*,.consumer-action-bar>*{width:100%}.generate-music-button{width:100%}.simple-workflow-steps,.fx-grid,.fx-amount-grid,.sound-grid,.mix-grid,.feedback-grid,.arrangement-planning-grid,.library-filters,.library-tile-grid{grid-template-columns:1fr}.library-section-heading{align-items:flex-start}.quality-grid,.feedback-overview,.musical-score-grid,.repair-plan-grid{grid-template-columns:1fr}.overall-quality-score{border-right:0;border-bottom:1px solid var(--border-soft);padding-right:0;padding-bottom:14px}.feedback-actions{display:grid;justify-content:stretch}.feedback-actions button{width:100%}.musical-feedback-panel .output-header{display:grid;grid-template-columns:1fr}.workspace-section-heading{padding-inline:0}.repair-plan-card dl,.diagnostics-grid{grid-template-columns:1fr}pre{min-height:140px;max-height:220px}.library-summary{display:grid}.arrangement-summary{grid-template-columns:1fr}.arrangement-item-actions{justify-content:flex-start}.library-actions,.save-actions,.arrangement-actions,.output-actions,.backup-actions,.diagnostics-header,.arrangement-export-header{display:grid}.saved-code{min-height:180px}}.app-header,.controls-panel,.output-panel,.quality-panel,.musical-feedback-panel,.arrangement-panel,.library-panel,.save-panel,.settings-modal{border-color:var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.preset-panel,.similarity-result,.quality-score,.library-item,.library-tile,.diagnostics-panel,.advanced-disclosure,.advanced-disclosure-content,.diagnostic-value{border-color:var(--border-soft);border-radius:var(--radius);background:var(--surface-raised)}.fx-fieldset,.sound-fieldset,.mix-fieldset,.feedback-fieldset,.preset-locks,.arrangement-planning-fieldset,.ui-mode-toggle{border-color:var(--border);background:var(--surface-soft)}.arrangement-item,.arrangement-list,.full-arrangement-library,.diagnostics-status,.compact-setting,.library-filters,.library-details,.library-details-content,.build-to-arrange,.export-code-disclosure{border-color:var(--border-soft)}h1,h2,.library-title,.diagnostic-value strong,.quality-score strong{color:var(--heading)}.eyebrow,.section-description,.action-helper,.preview-disclaimer,.strudel-helper-text,.empty-state,.library-meta,.library-notes,.library-tile-subtitle,.library-count,.library-details summary,.export-code-disclosure summary,.tag-overflow,.diagnostic-value span,.quality-score span{color:var(--muted)}label,.fx-fieldset legend,.sound-fieldset legend,.mix-fieldset legend,.feedback-fieldset legend,.preset-locks legend{color:var(--text)}input,textarea,select{border-color:var(--border);background:var(--input-bg);color:var(--text)}input:focus,textarea:focus,select:focus,button:focus{outline-color:var(--focus)}.tab-button,.mode-button,.secondary-button,.danger-button,.utility-button{border-color:var(--border);background:var(--surface-raised);color:var(--text)}.tab-button.active,.mode-button.active,.primary-button{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.danger-button,.quality-warnings{color:var(--danger)}.warning-button{border-color:var(--warning);background:var(--warning-bg);color:var(--warning)}.quality-ok,.preset-message,.favorite-generation-summary,.similarity-result strong,.similarity-result p,.backup-message,.strudel-open-message,.advanced-disclosure summary{color:var(--accent)}.checkbox-label input,.compact-setting input{accent-color:var(--accent)}pre{border-radius:var(--radius);background:var(--code-bg);color:var(--code-text)}.feedback-tag{border-color:var(--border);background:var(--surface-soft);color:var(--accent)}:root[data-theme=winamp-retro] .app-header,:root[data-theme=winamp-retro] .controls-panel,:root[data-theme=winamp-retro] .output-panel,:root[data-theme=winamp-retro] .quality-panel,:root[data-theme=winamp-retro] .arrangement-panel,:root[data-theme=winamp-retro] .library-panel,:root[data-theme=winamp-retro] .save-panel{border-top-color:#d7dce5;border-left-color:#d7dce5;border-right-color:#555d6c;border-bottom-color:#555d6c}:root[data-theme=terminal] button,:root[data-theme=terminal] input,:root[data-theme=terminal] textarea,:root[data-theme=terminal] select{letter-spacing:0}:root[data-compact=true] .app-shell{gap:14px;padding:14px}:root[data-compact=true] .app-header{padding:14px 18px}:root[data-compact=true] .controls-panel,:root[data-compact=true] .output-panel,:root[data-compact=true] .quality-panel,:root[data-compact=true] .arrangement-panel,:root[data-compact=true] .library-panel,:root[data-compact=true] .save-panel{padding:18px}:root[data-compact=true] .build-workspace,:root[data-compact=true] .arrange-workspace,:root[data-compact=true] .pattern-workspace,:root[data-compact=true] .arrangement-export-column{gap:14px}:root[data-compact=true] .controls-panel{gap:18px}:root[data-compact=true] .control-grid{grid-template-columns:repeat(5,minmax(115px,1fr));gap:10px}:root[data-compact=true] .build-core-grid{grid-template-columns:minmax(210px,.7fr) minmax(0,3fr);gap:10px}:root[data-compact=true] .advanced-control-grid{grid-template-columns:repeat(5,minmax(115px,1fr));gap:10px}:root[data-compact=true] .library-tile-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:10px}:root[data-compact=true] .library-tile{min-height:210px;gap:10px;padding:12px}:root[data-compact=true] .library-details{margin:0 -12px -12px}:root[data-compact=true] .library-details summary{padding:8px 12px}:root[data-compact=true] .library-filters{padding:9px}:root[data-compact=true] input,:root[data-compact=true] select,:root[data-compact=true] .primary-button,:root[data-compact=true] .secondary-button,:root[data-compact=true] .danger-button{min-height:36px}:root[data-compact=true] h1{font-size:1.55rem}@media(max-width:800px){:root[data-compact=true] .build-core-grid,:root[data-compact=true] .control-grid,:root[data-compact=true] .advanced-control-grid{grid-template-columns:1fr}}