:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0e0e12;--rail:#0a0a0e;--panel:#16151c;--panel-2:#1d1c25;--line:#ffffff14;--muted:#9a9aa6;--muted-2:#62626c;--purple:#6d4aff;--purple-soft:#c7baff;--teal:#19c3b2;--orange:#ff8a3d;--pink:#f0457e;--blue:#4d7cff;--green:#4ade80;--radius:14px;background:#000;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#000;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.loading-screen{background:var(--bg);color:#fff;place-items:center;gap:12px;min-height:100vh;font-weight:900;display:grid}.mudo-shell{background:#000;grid-template-columns:276px minmax(0,1fr);gap:8px;min-height:100vh;padding:8px;display:grid}.left-rail{flex-direction:column;gap:8px;min-height:calc(100vh - 16px);display:flex}.brand,.rail-card{border-radius:var(--radius);background:var(--rail)}.brand{align-items:center;gap:12px;min-height:74px;padding:0 16px;display:flex}.brand-mark{background:var(--purple);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand span{letter-spacing:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:27px;font-weight:800}.variant-nav{border-radius:var(--radius);background:var(--rail);flex-direction:column;gap:5px;padding:12px;display:flex}.variant-button{color:#b9b9c6;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:14px;font-weight:900;display:flex}.variant-button.active,.variant-button:hover{color:#fff;background:#25242f}.rail-card{padding:16px}.rail-label,.eyebrow{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.stack-line,.fact-row{color:#cfcfd8;grid-template-columns:18px 68px minmax(0,1fr);align-items:start;gap:8px;padding:12px 0 0;font-size:12px;display:grid}.stack-line strong,.fact-row strong{color:#fff;overflow-wrap:anywhere;min-width:0;font-weight:900}.fact-row{border-top:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);padding:11px 0}.workspace{border-radius:var(--radius);background:radial-gradient(circle at 76% -10%, #19c3b233, transparent 28%), linear-gradient(#1b1626, var(--bg) 360px);min-width:0;overflow:auto}.topbar{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e0c14bf;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.search{width:min(520px,100%);min-height:44px;color:var(--muted);background:#ffffff12;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:800;display:flex}.host-pill{color:#fff;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:13px;font-weight:900;display:inline-flex}.variant-header{background:linear-gradient(110deg,#000000a3,#0000000f),linear-gradient(135deg,#24195c 0%,#1f5157 56%,#2d1836 100%);border-radius:18px;justify-content:space-between;align-items:flex-end;gap:24px;margin:8px 24px 0;padding:28px 32px;display:flex}.variant-header h1,.preview-copy h2,.section-heading,.quick-summary h2{letter-spacing:0;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800}.variant-header h1{margin-top:8px;font-size:clamp(38px,5vw,66px);line-height:.96}.variant-header p{color:#ffffffdb;max-width:720px;margin:12px 0 0;font-size:16px;line-height:1.55}.header-actions,.footer-actions,.mixer-top{align-items:center;gap:12px;display:flex}.builder-grid{grid-template-columns:minmax(0,1fr) 386px;gap:18px;padding:18px 24px 24px;display:grid}.builder-panel,.preview-panel,.wizard-section,.source-card,.station-preview,.mixer-channel,.clock-card,.quick-summary{border:1px solid var(--line);border-radius:var(--radius);background:#16151cf5}.builder-panel{min-width:0;padding:18px}.preview-panel{background:0 0;border:0;align-self:start;padding:0}.primary-button,.secondary-button{color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-size:14px;font-weight:900;display:inline-flex}.primary-button{background:var(--purple);border:0;box-shadow:0 12px 28px #6d4aff47}.secondary-button{border:1px solid var(--line);background:#ffffff14}.wide{width:100%}.studio-layout,.mixer-layout,.market-layout,.quick-layout,.preview-stack{flex-direction:column;gap:14px;display:flex}.step-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.step-item span{color:#cfcfd8;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:900;display:flex}.step-line{background:var(--purple);border-radius:999px;height:5px}.wizard-section{padding:18px}.wizard-section.split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title div{align-items:center;gap:8px;display:flex}.panel-title h3{margin:0;font-size:15px;font-weight:900}.panel-title span{color:var(--muted);font-size:12px;font-weight:800}.option-grid{gap:10px;display:grid}.option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card,.template-card,.source-button{border:1px solid var(--line);color:#fff;text-align:left;background:#111119;border-radius:13px}.option-card{grid-template-rows:auto auto;grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:12px;min-height:104px;padding:14px;display:grid}.option-card.selected,.template-card.selected,.source-button.active{background:#6d4aff24;border-color:#6d4affe0}.avatar{color:#fff;border-radius:13px;grid-row:1/3;place-items:center;width:46px;height:46px;display:grid}.avatar.teal{background:var(--teal)}.option-card strong,.template-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:900;overflow:hidden}.option-card small,.template-card small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.source-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.source-button{grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:72px;padding:12px;display:grid}.source-icon,.template-art{color:#fff;place-items:center;display:grid}.source-icon{border-radius:12px;width:42px;height:42px}.source-button strong,.source-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.source-button strong{font-size:14px;font-weight:900}.source-button small{color:var(--muted);font-size:12px;font-weight:700}.text-input,.quick-form select{color:#fff;background:#0e0e12;border:1px solid #ffffff1a;border-radius:11px;outline:none;width:100%;min-height:44px;padding:0 14px;font-weight:800}.text-input.large{max-width:420px;font-size:20px}.segmented{background:#ffffff14;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;padding:5px;display:grid}.segmented.vertical{border-radius:13px;grid-template-columns:1fr}.segmented button{color:#b9b9c6;background:0 0;border:0;border-radius:999px;min-height:35px;font-weight:900}.segmented button.active{color:#111118;background:#fff}.toggle-row{color:#cfcfd8;align-items:center;gap:9px;margin-top:12px;font-size:13px;font-weight:800;display:flex}.console-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mixer-channel{flex-direction:column;gap:14px;min-height:330px;padding:16px;display:flex}.channel-head{align-items:center;gap:9px;font-weight:900;display:flex}.meter-large{background:#0e0e12;border-radius:12px;align-items:end;height:96px;padding:10px;display:flex}.meter-large span{border-radius:9px;width:100%}.chip-cloud{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:#d9d9e3;background:#ffffff0f;border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:900}.chip.active{background:var(--purple);color:#fff;border-color:#6d4aff99}.clock-card{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.clock-card strong{margin-top:5px;display:block}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.template-card{flex-direction:column;gap:10px;min-height:210px;padding:14px;display:flex;position:relative}.template-art{border-radius:12px;width:100%;min-height:88px}.template-price{color:var(--teal);margin-top:auto;font-size:13px;font-weight:900}.market-controls,.quick-form{gap:12px;display:grid}.select-grid>span,.quick-form label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.select-grid .chip-cloud,.quick-form input,.quick-form select{margin-top:8px}.quick-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;display:grid}.quick-form,.quick-summary{padding:18px}.quick-summary h2{margin-top:8px;font-size:34px}.quick-summary p{color:#c4c4cf;line-height:1.65}.summary-pills{flex-wrap:wrap;gap:8px;display:flex}.summary-pills span{background:#ffffff14;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.station-preview,.source-card{padding:16px}.cover{border-radius:13px;place-items:center;min-height:172px;display:grid;position:relative;overflow:hidden}.eq-bars{align-items:end;gap:5px;height:42px;display:flex;position:absolute;bottom:18px;right:18px}.eq-bars span{background:#ffffffc7;border-radius:999px;width:7px;animation:1s ease-in-out infinite eq}.eq-bars span:first-child{height:18px}.eq-bars span:nth-child(2){height:34px;animation-delay:.15s}.eq-bars span:nth-child(3){height:26px;animation-delay:.3s}.eq-bars span:nth-child(4){height:40px;animation-delay:.45s}.preview-copy{margin-top:14px}.preview-copy h2{margin-top:5px;font-size:30px}.preview-copy p{-webkit-line-clamp:3;color:#c4c4cf;-webkit-box-orient:vertical;min-height:68px;margin:8px 0 0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.player-controls{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;display:grid}.round-button{background:var(--purple);color:#fff;border:0;border-radius:999px;place-items:center;width:52px;height:52px;display:grid}.player-controls strong,.player-controls span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.player-controls strong{font-size:14px;font-weight:900}.player-controls span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700}.mini-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.mini-actions button{border:1px solid var(--line);color:#fff;background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:12px;font-weight:900;display:inline-flex}.volume-control{color:#cfcfd8;grid-template-columns:18px minmax(0,1fr) 42px;align-items:center;gap:11px;margin-top:14px;font-size:12px;font-weight:900;display:grid}.slider-root{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;height:20px;display:flex;position:relative}.slider-track{background:#ffffff24;border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden}.slider-range{background:var(--teal);border-radius:999px;height:100%;position:absolute}.slider-thumb{background:var(--teal);border:3px solid #fff;border-radius:999px;width:18px;height:18px;display:block;box-shadow:0 8px 20px #00000059}.source-link{border-top:1px solid var(--line);padding:11px 0;display:block}.source-link span,.source-link strong{display:block}.source-link span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.source-link strong{margin-top:4px;font-size:13px;font-weight:900}@keyframes eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media (width<=1220px){.builder-grid{grid-template-columns:1fr}.preview-panel{max-width:none}.preview-stack{grid-template-columns:1fr 1fr;display:grid}.station-preview{grid-row:span 2}}@media (width<=980px){.mudo-shell{flex-direction:column;display:flex}.left-rail{min-height:auto}.variant-nav{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.variant-button{justify-content:center}.variant-button span{display:none}.variant-header,.topbar{flex-direction:column;align-items:stretch}.console-grid,.template-grid,.quick-layout,.wizard-section.split{grid-template-columns:1fr}.step-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.workspace{overflow:visible}.variant-header,.builder-grid,.topbar{margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.builder-grid{padding-top:12px}.header-actions,.footer-actions,.mixer-top{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.option-grid.two,.source-list,.preview-stack{grid-template-columns:1fr}.step-strip{grid-template-columns:1fr 1fr}}