@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:opsz,wght@9..40,400;9..40,700;9..40,900&family=Space+Grotesk:wght@400;600;700&family=Syne:wght@700;800&display=swap";:root{color-scheme:dark;--paper: #f5efe2;--ink: #0d0f10;--cream: #fff8ea;--muted: #a9b2b7;--line: rgba(255, 255, 255, .13);--panel: rgba(12, 16, 20, .74);--panel-solid: #101419;--orange: #ff9e2c;--blue: #6bb8ff;--green: #56e0bd;--pink: #f37cab;--shadow: 0 30px 90px rgba(0, 0, 0, .38);--ease: cubic-bezier(.22, 1, .36, 1);font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:#090b0d;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 12% 6%,rgba(255,158,44,.22),transparent 28rem),radial-gradient(circle at 82% 4%,rgba(107,184,255,.18),transparent 32rem),radial-gradient(circle at 50% 100%,rgba(86,224,189,.12),transparent 28rem),linear-gradient(135deg,#100c08,#081317 44%,#07080b);color:var(--paper)}button,textarea,select,input{font:inherit}button{cursor:pointer}.atelier-shell{position:relative;min-height:100vh;isolation:isolate;overflow-x:hidden}.ambient-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.8}.atelier-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 84%);mask-image:radial-gradient(circle at center,black,transparent 84%)}.atelier-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07080bc7,#07080b2e 42%,#07080bd1),radial-gradient(circle at center,transparent 0,rgba(0,0,0,.38) 78%)}.topbar{position:sticky;top:16px;z-index:20;width:min(1440px,calc(100% - 32px));margin:16px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:999px;background:#07090bbd;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.brand-button,.wallet,.topbar nav,.topbar nav button,.primary,.secondary,.provider-route,.menu-item,.track-actions button,.play,.modal-head button{border:0}.brand-button{display:inline-flex;align-items:center;gap:11px;justify-self:start;background:transparent;color:var(--paper);font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.04em}.brand-button b{color:var(--orange)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffbb65,#ff6c59);color:#121212;box-shadow:0 0 30px #ff9e2c42}.topbar nav{display:inline-flex;align-items:center;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a}.topbar nav button{padding:10px 16px;border-radius:999px;background:transparent;color:#c8d1d6;text-transform:capitalize}.topbar nav button.active{background:var(--paper);color:var(--ink);box-shadow:0 12px 34px #ffffff1f}.wallet{justify-self:end;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:999px;background:#ffffff14;color:var(--paper);font-weight:900}main{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:72px 0 max(100px,42vh)}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:center;min-height:760px;gap:clamp(24px,6vw,96px)}.eyebrow,.mini-label{margin:0;color:var(--orange);font-size:.75rem;font-weight:900;letter-spacing:.28em;text-transform:uppercase}.hero-copy h1{max-width:850px;margin:18px 0;font-family:Archivo Black,sans-serif;font-size:clamp(4.5rem,10vw,10.2rem);line-height:.82;letter-spacing:-.095em}.hero-copy p:not(.eyebrow){max-width:680px;color:#c6cfd5;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.7}.hero-actions,.generate-dock,.modal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 18px;border-radius:999px;font-weight:900;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.primary{background:linear-gradient(135deg,#ffbb65,#ff6c59);color:#111;box-shadow:0 16px 42px #ff6f5942}.secondary{border:1px solid var(--line);background:#ffffff0f;color:var(--paper)}.primary:hover,.secondary:hover,.provider-route:hover,.menu-item:hover{transform:translateY(-2px)}.instrument-panel{position:relative;min-height:650px;perspective:1200px}.turntable{position:absolute;top:10%;right:7%;bottom:10%;left:7%;display:grid;place-items:center}.record{width:min(560px,72vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#191c22 0,#191c22 8%,#ff9e2c,#ff9e2c,#11151a 11%,#11151a 32%,#07090c 33%,#07090c),repeating-radial-gradient(circle,rgba(255,255,255,.12) 0 1px,transparent 1px 13px);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 70px #000000a6,0 40px 120px #00000085;animation:slowSpin 28s linear infinite}.tonearm{position:absolute;top:18%;right:14%;width:210px;height:10px;border-radius:999px;transform:rotate(34deg);transform-origin:right center;background:linear-gradient(90deg,transparent,var(--paper));box-shadow:0 0 28px #ffffff29}.signal-card{position:absolute;display:grid;gap:6px;min-width:190px;padding:18px;border:1px solid color-mix(in srgb,var(--provider-color),white 16%);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--provider-color),transparent 82%),#0a0c0fdb);color:var(--paper);box-shadow:0 24px 70px color-mix(in srgb,var(--provider-color),transparent 78%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:floatCard 5s var(--ease) infinite alternate}.signal-card small{color:#c7d1d7}.signal-0{left:0;top:18%}.signal-1{right:4%;top:8%;animation-delay:-1s}.signal-2{right:0;bottom:24%;animation-delay:-2s}.signal-3{left:8%;bottom:12%;animation-delay:-3s}.signal-4{left:34%;top:2%;animation-delay:-4s}.provider-wordmark{font-weight:900;letter-spacing:-.03em}.provider-sonauto{font-family:Space Grotesk,sans-serif;color:#b9a7ff}.provider-musicgpt{font-family:Syne,sans-serif;color:#ffac48}.provider-minimax{font-family:DM Sans,sans-serif;color:#76bbff;letter-spacing:.03em}.provider-mureka{font-family:Space Grotesk,sans-serif;color:#62e6ce}.provider-eleven-music{font-family:Archivo Black,sans-serif;color:#ff94c1;letter-spacing:-.06em}.provider-mubert{font-family:Syne,sans-serif;color:#f0df76;text-transform:uppercase}.workbench{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;min-height:620px;scroll-margin-top:110px}.section-rail{position:sticky;top:108px;align-self:start;display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:32px;background:#ffffff0e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-rail span{color:var(--orange);font-weight:900}.section-rail strong{font-family:Archivo Black,sans-serif;font-size:2rem;text-transform:capitalize}.section-rail p{margin:0;color:#b8c4ca;line-height:1.6}.composer-card,.sound-map,.kitchen-pass,.ops-grid{border:1px solid var(--line);border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 42%),#090d10bd;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.composer-card,.sound-map,.menu-panel,.cart-panel{padding:clamp(20px,4vw,38px)}.card-head,.map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}h2,h3,p{margin-top:0}.card-head h2,.map-head h2,.menu-panel h2{margin:6px 0 0;font-family:Archivo Black,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:.92;letter-spacing:-.07em}.lyrics-switch{display:inline-flex;flex:0 0 auto;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f}.lyrics-switch button{border:0;border-radius:999px;padding:9px 13px;background:transparent;color:#c9d2d7;font-size:.78rem;font-weight:900;text-transform:uppercase}.lyrics-switch button.active{background:var(--paper);color:var(--ink)}.prompt-split{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.prompt-split.manual{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}label{display:grid;gap:8px;min-width:0;color:#d9e1e4;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}textarea,select,input[type=range]{width:100%}textarea,select{border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#ffffff14;color:var(--paper);outline:none}textarea{min-height:164px;padding:18px;resize:vertical;line-height:1.55;text-transform:none;letter-spacing:0}select{min-height:48px;padding:0 14px}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.provider-route{position:relative;display:grid;gap:8px;min-height:150px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:#ffffff0e;color:var(--paper);text-align:left;overflow:hidden;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.provider-route:after{content:"";position:absolute;inset:auto 16px 16px auto;width:56px;height:56px;border-radius:50%;background:var(--provider-color);opacity:.18;filter:blur(2px)}.provider-route.selected{border-color:var(--provider-color);background:color-mix(in srgb,var(--provider-color),transparent 86%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--provider-color),transparent 42%)}.provider-route small{max-width:220px;color:#bcc7cc;line-height:1.35}.provider-route em{align-self:end;color:var(--paper);font-style:normal;font-weight:900}.generate-dock{justify-content:space-between;margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:24px;background:#00000038}.generate-dock span{color:#c1cbd0;font-weight:800}.branch-board{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.root-node,.track-node{border:1px solid var(--line);border-radius:28px;background:#ffffff0e}.root-node{position:sticky;top:112px;padding:22px}.root-node span{color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.root-node strong{display:block;margin-top:12px;line-height:1.55}.track-column{display:grid;gap:12px}.track-node{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px;position:relative;overflow:hidden}.track-node:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--green);opacity:.7}.track-node.cooking:before{background:var(--orange)}.track-node.streaming:before{background:var(--blue)}.track-node.kitchen:before{background:var(--pink)}.play{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink)}.track-copy{min-width:0}.track-copy h3{margin:2px 0 4px;font-family:Syne,sans-serif;font-size:1.25rem}.track-copy p{margin:0;color:#b6c1c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{display:grid;gap:4px;justify-items:end}.track-meta em{color:var(--green);font-style:normal;font-weight:900;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em}.track-meta span{color:#c8d1d6;font-weight:800}.track-actions{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:8px}.track-actions button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#ffffff14;color:var(--paper);font-size:.82rem;font-weight:900}.kitchen-pass{display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.menu-item{display:grid;min-height:170px;padding:18px;border:1px solid var(--line);border-radius:26px;background:#fff7ea;color:#161616;text-align:left}.menu-item.selected{outline:3px solid var(--orange)}.menu-item span{font-family:Syne,sans-serif;font-weight:900}.menu-item p{color:#5b5650;line-height:1.45}.cart-panel{border-left:1px solid var(--line);background:#00000047}.cart-panel h3{font-family:Archivo Black,sans-serif;font-size:2rem;letter-spacing:-.07em}.cart-panel p,.cart-total{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.cart-total{margin:18px 0;font-size:1.2rem}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:clamp(20px,4vw,38px)}.ops-grid article{padding:22px;border:1px solid var(--line);border-radius:26px;background:#ffffff0e}.ops-grid h3{margin:14px 0 8px;font-family:Syne,sans-serif}.ops-grid p{color:#b8c4ca;line-height:1.55}.mobile-dock{display:none}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000094;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.edit-modal{position:relative;z-index:1;width:min(980px,100%);max-height:min(860px,calc(100dvh - 40px));overflow:auto;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 12% 0,rgba(255,158,44,.16),transparent 22rem),#101419;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.modal-head h2{margin:6px 0 0;font-family:Archivo Black,sans-serif;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.08em}.modal-head button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;color:var(--paper)}.modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wave-editor{position:relative;height:190px;margin:18px 0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#ffffff14,#ffffff05)}.wave-bars{position:absolute;top:22px;right:22px;bottom:22px;left:22px;display:flex;align-items:center;gap:4px}.wave-bars span{flex:1;min-width:2px;border-radius:999px;background:linear-gradient(180deg,var(--blue),var(--orange));opacity:.72}.selection-window{position:absolute;top:0;bottom:0;border-inline:3px solid var(--paper);background:#ffffff1f;box-shadow:0 0 34px #ffffff24}.edit-prompt textarea{min-height:96px}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes floatCard{0%{transform:translateY(0) rotateX(0)}to{transform:translateY(-14px) rotateX(4deg)}}@media (max-width: 1040px){.topbar{grid-template-columns:1fr auto;border-radius:28px}.topbar nav{display:none}.hero-grid,.workbench,.kitchen-pass,.branch-board{grid-template-columns:minmax(0,1fr)}.hero-grid{min-height:auto;padding-bottom:48px}.instrument-panel{min-height:520px}.section-rail,.root-node{position:relative;top:auto}.route-grid,.menu-grid,.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-panel{border-left:0;border-top:1px solid var(--line)}}@media (max-width: 720px){main{width:min(100% - 24px,720px);padding-top:42px;padding-bottom:max(120px,34vh)}.topbar{top:10px;width:calc(100% - 20px);padding:10px}.brand-button span:not(.brand-mark){font-size:.96rem}.wallet{padding:10px 12px}.hero-copy h1{max-width:100%;font-size:clamp(2.65rem,11.5vw,3.35rem);line-height:.92;letter-spacing:-.07em}.hero-copy p:not(.eyebrow){font-size:1rem}.hero-actions .primary,.hero-actions .secondary{width:100%}.instrument-panel{min-height:460px;margin-inline:-8px}.signal-card{min-width:144px;padding:14px}.signal-4{display:none}.workbench{gap:12px}.section-rail,.composer-card,.sound-map,.menu-panel,.cart-panel,.ops-grid{border-radius:26px}.prompt-split.manual,.route-grid,.menu-grid,.ops-grid,.modal-grid{grid-template-columns:minmax(0,1fr)}.card-head,.map-head{display:grid}.lyrics-switch{width:100%}.lyrics-switch button{flex:1}.generate-dock{position:sticky;bottom:92px;z-index:10;display:grid;background:#0a0c0feb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.generate-dock .primary,.cart-panel .primary{width:100%}.track-node{grid-template-columns:auto minmax(0,1fr)}.track-meta{grid-column:2;justify-items:start}.track-actions{grid-column:1 / -1}.mobile-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--line);border-radius:24px;background:#06080ae0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.mobile-dock button{display:grid;place-items:center;gap:4px;min-height:58px;border:0;border-radius:18px;background:transparent;color:#c7d0d6;font-size:.78rem;font-weight:900}.mobile-dock button.active{background:var(--paper);color:var(--ink)}.modal-shell{padding:10px;align-items:end}.edit-modal{border-radius:28px 28px 18px 18px;max-height:calc(100dvh - 20px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}