:root{--background:#f8f8f8;--foreground:#171717;--muted:#6d727a;--faint:#eef0f2;--line:rgba(23,23,23,0.1);--panel:rgba(255,255,255,0.72);--panel-strong:rgba(255,255,255,0.9);--shadow:0 24px 80px rgba(45,50,58,0.1);--radius:8px;--pill-radius:999px}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.studio-shell{--bass:0;--mid:0;--treble:0;--beat:0;--peak:0;--level:0;--phase:0deg;isolation:isolate;min-height:100vh;overflow:hidden;position:relative;display:grid;grid-template-rows:auto 1fr auto;padding:28px}.api-key-hint,.center-stage,.settings-button,.settings-popover,.status-line{animation:page-content-in .52s cubic-bezier(.2,.8,.2,1) both}.center-stage{animation:page-content-fade-in .52s cubic-bezier(.2,.8,.2,1) 70ms both}.status-line{animation-delay:.12s}.settings-popover{animation-delay:.15s}@keyframes page-content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes page-content-fade-in{0%{opacity:0}to{opacity:1}}.reactive-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;contain:strict;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.95),transparent 34%),radial-gradient(circle at 50% 72%,rgba(0,0,0,calc(.025 + var(--bass) * .035)),transparent 44%),radial-gradient(circle at 22% 78%,rgba(0,0,0,.045),transparent 42%),radial-gradient(circle at 80% 26%,rgba(255,255,255,.78),transparent 34%),linear-gradient(180deg,#fbfbfb 0,#f4f4f4 100%)}.glow{position:absolute;display:block;border-radius:999px;filter:blur(38px);opacity:.34;transform:translateZ(0) scale(calc(.86 + var(--level) * .42));transition:opacity .16s ease,transform .16s ease;will-change:transform,opacity}.glow-shadow{width:min(700px,54vmax);height:min(700px,54vmax);left:50%;top:45%;background:rgba(0,0,0,.1);opacity:calc(.08 + var(--level) * .12);transform:translate(-50%,-50%) scale(calc(.88 + var(--level) * .24))}.glow-light{width:min(760px,60vmax);height:min(760px,60vmax);left:50%;top:34%;background:rgba(255,255,255,.92);opacity:calc(.4 + var(--treble) * .2);transform:translate(-50%,-50%) scale(calc(.9 + var(--mid) * .18))}.grain{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.48),rgba(255,255,255,0)),repeating-linear-gradient(90deg,rgba(20,20,20,.01),rgba(20,20,20,.01) 1px,transparent 0,transparent 5px)}.add-prompt,.console-row,.control-rail,.field,.input-status,.prompt-chip,.status-line,.toggle-grid{display:flex;align-items:center}.icon-button,.text-icon-button,.transport{border:1px solid var(--line);background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.icon-button:hover,.text-icon-button:hover,.transport:hover{border-color:rgba(23,23,23,.18);background:rgba(255,255,255,.95);box-shadow:0 8px 20px rgba(32,36,42,.1),inset 0 1px 0 rgba(255,255,255,.74)}.icon-button:disabled,.text-icon-button:disabled,.transport:disabled{cursor:not-allowed;opacity:.48;transform:none}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px}.icon-button.compact{width:34px;height:34px;flex:0 0 auto}.settings-button,.volume-control{position:fixed;top:28px;right:28px;z-index:8}.settings-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 12px 34px rgba(0,0,0,.06);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings-button:hover,.volume-button:hover{background:rgba(255,255,255,.95)}.volume-control{right:70px;display:flex;align-items:center;justify-content:flex-end;width:34px;height:34px;border:1px solid var(--line);border-radius:999px;overflow:visible;background:rgba(255,255,255,.74);box-shadow:0 12px 34px rgba(0,0,0,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:width .22s cubic-bezier(.22,1,.36,1),background .16s ease}.volume-control.is-open{width:210px}.volume-control input{width:150px;height:18px;margin:0 44px 0 14px;accent-color:var(--muted);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;opacity:0;transform:translateX(8px);transition:opacity .16s ease,transform .22s cubic-bezier(.22,1,.36,1)}.volume-control.is-open input{opacity:1;transform:translateX(0)}.volume-control input::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:rgba(109,114,122,.7)}.volume-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border:0;border-radius:999px;background:var(--muted);box-shadow:0 2px 7px rgba(45,50,58,.14)}.volume-control input::-moz-range-track{height:2px;border-radius:999px;background:rgba(109,114,122,.7)}.volume-control input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:999px;background:var(--muted);box-shadow:0 2px 7px rgba(45,50,58,.14)}.volume-button{display:grid;place-items:center;position:absolute;right:-1px;top:-1px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 12px 34px rgba(0,0,0,.06);cursor:pointer}.volume-button .svg-icon{animation:volume-icon-fade .18s ease both}.volume-control.is-open .volume-button{border-color:transparent;background:transparent;box-shadow:none}.svg-icon{display:block;width:17px;height:17px;object-fit:contain;pointer-events:none}@keyframes volume-icon-fade{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.api-key-hint{width:min(calc(100% - 48px),440px);min-height:29px;margin-bottom:-1px;padding:7px 14px 8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(23,23,23,.09);border-bottom-color:rgba(23,23,23,.06);border-radius:18px 18px 0 0;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(32,36,42,.08),inset 0 1px 0 rgba(255,255,255,.74);color:#252a31;font-size:12px;font-weight:520;line-height:1.35;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:input-popup-in .22s cubic-bezier(.22,1,.36,1) both}.api-key-hint span{min-width:0}.settings-popover{position:fixed;top:72px;right:28px;z-index:9;width:min(340px,calc(100vw - 36px));display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid rgba(23,23,23,.1);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 24px 80px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.settings-actions,.settings-heading,.settings-heading span{display:flex;align-items:center}.settings-heading{justify-content:flex-start;gap:12px;padding-left:12px}.settings-heading span{color:#171717;font-size:13px;font-weight:600}.settings-popover input{width:100%;height:38px;padding:0 11px;border:1px solid rgba(23,23,23,.12);border-radius:var(--pill-radius);outline:none;background:rgba(255,255,255,.78);color:#171717}.settings-popover p{margin:0;color:#697079;font-size:11px;line-height:1.45}.settings-popover .key-required{padding:0 12px;color:#7b828a;font-size:11px;font-weight:450}.settings-actions{justify-content:space-between;gap:8px}.settings-actions button{min-height:32px;padding:0 12px;border:1px solid rgba(23,23,23,.12);border-radius:var(--pill-radius);background:rgba(255,255,255,.72);cursor:pointer}.settings-actions .primary-action{border-color:#171717;background:#171717;color:white}.center-stage{width:min(100%,920px);margin:0 auto;display:grid;place-items:center;align-content:end;grid-gap:10px;gap:10px;padding:14px 0 0}.visual-stack{position:fixed;inset:0;z-index:1;display:grid;place-items:center;justify-items:center;width:100vw;min-height:100vh;pointer-events:none}.visualizer{grid-area:1/1;width:min(72vw,760px);min-width:520px;aspect-ratio:1;display:grid;place-items:center;position:relative;contain:layout paint;opacity:0;transform:scale(.9);filter:drop-shadow(0 18px 28px rgba(0,0,0,0));transition:opacity .36s ease,transform .62s cubic-bezier(.2,.8,.2,1),filter .36s ease}.visualizer.is-playing{opacity:1;transform:scale(calc(1.04 + var(--level) * .08 + var(--beat) * .045));filter:drop-shadow(0 calc(14px + var(--bass) * 12px + var(--beat) * 12px) calc(24px + var(--peak) * 28px) rgba(0,0,0,calc(.08 + var(--peak) * .1)))}.orb-core{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;transform:translateY(0) scale(1);transition:transform .42s ease}.visualizer.is-playing .orb-core{animation:orb-drift 4.8s ease-in-out infinite}.concentric-rings{position:absolute;inset:12%;border-radius:999px;background:repeating-radial-gradient(circle,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 1px,transparent 0,transparent 22px);-webkit-mask-image:radial-gradient(circle,#000 0 66%,transparent 82%);mask-image:radial-gradient(circle,#000 0 66%,transparent 82%);opacity:0;transform:scale(.92);transition:opacity .52s ease,transform .52s ease}.visualizer.is-playing .concentric-rings{opacity:calc(.28 + var(--level) * .16 + var(--peak) * .18 + var(--beat) * .14);transform:rotate(var(--phase)) scale(calc(.94 + var(--mid) * .05 + var(--bass) * .09 + var(--beat) * .1));animation:rings-breathe 2.9s ease-in-out infinite}.concentric-rings:after{content:"";position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle,transparent 0 30%,rgba(255,255,255,.82) 82%)}.black-sphere{position:relative;z-index:2;width:min(24vw,210px);min-width:160px;aspect-ratio:1;overflow:hidden;border-radius:48% 52% 51% 49%/49% 47% 53% 51%;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.18),transparent 22%),radial-gradient(circle at 56% 68%,#000 0,#030303 38%,#111 75%,#1a1a1a 100%);box-shadow:inset -18px -20px 36px rgba(0,0,0,.82),inset 18px 18px 32px rgba(255,255,255,.08),0 calc(16px + var(--bass) * 10px + var(--beat) * 10px) calc(26px + var(--peak) * 20px) rgba(0,0,0,calc(.19 + var(--peak) * .09)),0 0 0 calc(7px + var(--bass) * 34px + var(--beat) * 22px) rgba(0,0,0,calc(.022 + var(--bass) * .028 + var(--beat) * .014)),0 0 calc(28px + var(--treble) * 24px) rgba(0,0,0,.08);transform:scale(calc(.96 + var(--level) * .06 + var(--bass) * .12 + var(--beat) * .075));transition:transform 72ms linear,box-shadow 86ms linear;animation:liquid-surface 7.2s ease-in-out infinite;will-change:transform,box-shadow,border-radius}.black-sphere:after,.black-sphere:before{content:"";position:absolute;inset:0;pointer-events:none}.black-sphere:before{background:radial-gradient(ellipse at calc(35% + var(--mid) * 8%) calc(25% + var(--treble) * 6%),rgba(255,255,255,calc(.1 + var(--treble) * .08 + var(--beat) * .04)),transparent 24%),radial-gradient(ellipse at calc(72% - var(--bass) * 14%) calc(66% - var(--mid) * 5%),rgba(255,255,255,calc(.04 + var(--level) * .04 + var(--bass) * .07)),transparent 30%);filter:blur(1px);opacity:calc(.66 + var(--level) * .12 + var(--peak) * .12);transform:rotate(calc(var(--phase) * .16)) scale(calc(1.02 + var(--level) * .05 + var(--beat) * .06));animation:liquid-glint 5.4s ease-in-out infinite}.black-sphere:after{inset:10%;border-radius:inherit;background:conic-gradient(from calc(var(--phase) * .18),rgba(255,255,255,.08),transparent 18%,rgba(255,255,255,.025) 42%,transparent 66%,rgba(255,255,255,.06));filter:blur(18px);opacity:calc(.18 + var(--mid) * .14 + var(--peak) * .16);transform:scale(calc(1.04 + var(--bass) * .14 + var(--beat) * .08))}@keyframes orb-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,calc(-3px - var(--treble) * 7px - var(--beat) * 4px),0) scale(calc(1 + var(--level) * .025 + var(--beat) * .025))}}@keyframes liquid-surface{0%,to{border-radius:48% 52% 51% 49%/49% 47% 53% 51%}33%{border-radius:51% 49% 47% 53%/46% 53% 47% 54%}66%{border-radius:46% 54% 53% 47%/53% 45% 55% 47%}}@keyframes liquid-glint{0%,to{transform:translate3d(-1%,-1%,0) rotate(calc(var(--phase) * .12)) scale(calc(1.02 + var(--level) * .06 + var(--beat) * .04))}50%{transform:translate3d(2%,1%,0) rotate(calc(var(--phase) * .18 + 5deg)) scale(calc(1.06 + var(--level) * .08 + var(--beat) * .05))}}@keyframes rings-breathe{0%,to{transform:rotate(var(--phase)) scale(calc(.94 + var(--mid) * .05 + var(--peak) * .06))}50%{transform:rotate(calc(var(--phase) + 1.6deg)) scale(calc(1.01 + var(--bass) * .1 + var(--beat) * .14 + var(--peak) * .05))}}.microcopy{color:var(--muted);font-size:12px}.prompt-console,.settings-panel{border:1px solid rgba(23,23,23,.09);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.control-cluster{position:fixed;left:50%;top:calc(50% + 168px);width:min(100%,620px);display:grid;justify-items:center;grid-gap:0;gap:0;z-index:20;transform:translate(-50%,-50%);transition:top .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)}.control-cluster.is-docked{top:calc(100vh - 56px);transform:translate(-50%,-100%)}.project-title{grid-area:1/1;max-width:calc(100vw - 48px);margin:0;color:#211813;font-family:var(--font-m-plus-u),"M PLUS U","M PLUS Rounded 1c",ui-rounded,system-ui,sans-serif;font-size:clamp(92px,16vw,190px);font-weight:700;letter-spacing:0;line-height:.9;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.78),0 28px 70px rgba(72,52,38,.12);opacity:1;transform:translateY(-32px) scale(1);transition:opacity .36s ease,transform .52s cubic-bezier(.22,1,.36,1),max-height .52s cubic-bezier(.22,1,.36,1),margin .52s cubic-bezier(.22,1,.36,1)}.project-title.is-hidden{opacity:0;pointer-events:none;transform:translateY(-24px) scale(.96)}.input-tip{bottom:calc(100% + 10px);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:min(330px,calc(100vw - 52px));padding:9px 12px;border:1px solid rgba(23,23,23,.09);border-radius:999px;box-shadow:0 18px 54px rgba(40,48,56,.12);color:#24282e;font-size:12px;font-weight:520;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:input-tip-in .26s ease both}.input-tip,.input-tip:after{position:absolute;left:50%;background:rgba(255,255,255,.9)}.input-tip:after{content:"";bottom:-5px;width:10px;height:10px;border-right:1px solid rgba(23,23,23,.09);border-bottom:1px solid rgba(23,23,23,.09);transform:translateX(-50%) rotate(45deg)}@keyframes input-tip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.prompt-console{width:100%;padding:10px 12px;border-radius:999px;position:relative;z-index:6;box-shadow:0 34px 96px rgba(32,36,42,.18),0 14px 34px rgba(32,36,42,.12),inset 0 1px 0 rgba(255,255,255,.78)}.input-status{width:min(calc(100% - 48px),440px);min-height:29px;justify-content:center;gap:7px;margin-bottom:-1px;padding:6px 14px 7px;border:1px solid rgba(23,23,23,.09);border-bottom-color:rgba(23,23,23,.06);border-radius:18px 18px 0 0;background:rgba(255,255,255,.72);box-shadow:0 18px 54px rgba(32,36,42,.1),inset 0 1px 0 rgba(255,255,255,.74);color:#5f666f;font-size:12px;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:input-popup-in .22s cubic-bezier(.22,1,.36,1) both}.input-status span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-row{justify-content:space-between;gap:14px;margin-bottom:12px}.label{margin:0 0 3px;color:#22262b;font-size:13px;font-weight:560}.microcopy{margin:0}.prompt-main{--prompt-text-left:44px;--prompt-text-right:44px;display:flex;align-items:center;gap:10px;min-height:46px;position:relative}.prompt-transport{width:34px;height:34px;border-radius:999px}.prompt-transport,.prompt-transport.is-unavailable{color:#171717;background:rgba(255,255,255,.64);border-color:rgba(23,23,23,.13);box-shadow:none}.prompt-transport.is-unavailable:hover{color:#171717;background:rgba(255,255,255,.88);border-color:rgba(23,23,23,.18)}.circle-spinner{width:15px;height:15px;border:1.5px solid rgba(23,23,23,.18);border-top-color:#171717;border-radius:999px;animation:circle-spinner .72s linear infinite}@keyframes circle-spinner{to{transform:rotate(1turn)}}.prompt-main input{min-width:0;flex:1 1 auto;padding:0;border:0;outline:none;background:transparent;color:#3a3f46;font-size:15px;text-overflow:ellipsis;transition:opacity .2s ease}.prompt-main input::placeholder{color:transparent}.prompt-main.is-clearing input::placeholder{color:transparent}.prompt-placeholder,.prompt-vanish{position:absolute;left:var(--prompt-text-left);right:var(--prompt-text-right);top:50%;overflow:hidden;color:#3a3f46;font-size:15px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transform:translateY(-50%)}.prompt-placeholder{color:#6f757d;animation:prompt-placeholder-in .22s ease both}.prompt-vanish{transform-origin:left center;animation:prompt-vanish .3s ease both}@keyframes prompt-placeholder-in{0%{opacity:0}to{opacity:1}}@keyframes prompt-vanish{0%{opacity:1;transform:translateY(-50%)}85%{opacity:0;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}@keyframes input-popup-in{0%{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.prompt-main input:disabled{color:#9aa0a7;-webkit-text-fill-color:#9aa0a7;cursor:not-allowed}.send-button{display:inline-grid;place-items:center;width:0;height:34px;flex:0 0 auto;border:0;background:transparent;color:#171717;cursor:pointer;overflow:visible;opacity:0;pointer-events:none;transform:translateX(5px) scale(.94);transition:width .22s ease,opacity .22s ease,transform .22s ease,color .16s ease,box-shadow .16s ease,background .16s ease}.send-button.is-visible{width:34px;opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.send-button:not(.is-visible) .svg-icon{opacity:0}.send-button.is-visible:hover{border-radius:999px;background:transparent;box-shadow:none}.send-button.is-visible:hover .svg-icon{animation:send-icon-wiggle .36s ease-in-out}.send-button.is-visible:active{transform:translateX(0) scale(.9);box-shadow:none}@keyframes send-icon-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-12deg)}65%{transform:rotate(10deg)}}.send-button:disabled{color:#a4a9af;cursor:not-allowed}.text-icon-button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border-radius:8px;color:#25282d;font-size:12px}.prompt-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.prompt-chip{min-height:36px;gap:7px;padding:5px 8px 5px 10px;border:1px solid rgba(23,23,23,.08);border-radius:8px;background:rgba(255,255,255,.62)}.chip-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--chip-color)}.add-prompt input,.field input,.field select,.prompt-chip input:not([type]),.prompt-chip input[type=text]{min-width:0;border:0;outline:none;background:transparent;color:#1e2228}.prompt-chip input:first-child{width:118px;flex:0 1 auto;font-size:13px}.chip-range{width:68px}.weight-value{width:34px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;text-align:right}.chip-remove{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:#6c727b;cursor:pointer}.chip-remove:hover{background:rgba(23,23,23,.06)}.chip-remove:disabled{opacity:.25;cursor:not-allowed}.add-prompt{gap:8px;min-height:36px;margin:0;padding:0 5px 0 10px;border:1px dashed rgba(23,23,23,.14);border-radius:8px;background:rgba(255,255,255,.4)}.add-prompt input{width:110px;font-size:13px}.control-rail{justify-content:center;gap:20px;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 32px);margin:0 auto;padding:9px 22px 10px;border:1px solid rgba(23,23,23,.1);border-radius:0 0 999px 999px;background:rgba(255,255,255,.74);box-shadow:0 20px 70px rgba(40,48,56,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-x:auto}.control-rail.auto-readout{display:inline-flex;align-items:center;gap:14px;min-height:38px;color:#343941;font-size:12px;font-weight:560;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden}.control-rail.auto-readout span+span{position:relative}.control-rail.auto-readout span+span:before{content:"";display:inline-block;width:1px;height:18px;margin:0 14px 0 0;vertical-align:-4px;background:rgba(23,23,23,.08)}.transport{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:8px}.transport.primary{width:46px;color:white;background:#171717;border-color:#171717}.transport.prompt-transport{width:34px;height:34px;border-radius:999px}.transport.prompt-transport:hover{color:#171717;border-color:rgba(23,23,23,.18);background:rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(32,36,42,.12),inset 0 1px 0 rgba(255,255,255,.74)}.control-cluster.is-disabled .prompt-transport{color:#171717;background:rgba(255,255,255,.64);border-color:rgba(23,23,23,.13)}.control-cluster.is-disabled .prompt-transport .svg-icon,.prompt-transport.is-unavailable .svg-icon{opacity:1}.control-cluster.is-disabled input[type=range]{accent-color:#b9bec4;cursor:not-allowed}.slider-control{display:inline-flex;align-items:center;gap:10px;min-height:28px;padding:0;border:0}.slider-control input[type=range]{width:104px;flex:0 0 104px}.field span,.slider-control output,.slider-control span{color:#5d636b;font-size:11px;font-weight:520}.slider-control output{min-width:30px;color:#25282d;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.slider-control+.slider-control{position:relative}.slider-control+.slider-control:before{content:"";width:1px;height:22px;margin-right:4px;background:rgba(23,23,23,.08)}input[type=range]{accent-color:#171717}.settings-panel{position:fixed;top:78px;right:28px;z-index:5;width:min(330px,calc(100vw - 36px));display:grid;grid-gap:12px;gap:12px;padding:15px}.field{justify-content:space-between;gap:12px;min-height:37px;padding:0 10px;border:1px solid rgba(23,23,23,.08);border-radius:8px;background:rgba(255,255,255,.58)}.field input,.field select{width:178px;text-align:right;font-size:13px}.settings-panel .slider-control{grid-template-columns:42px 1fr 44px;min-height:37px;padding:0 10px;border:1px solid rgba(23,23,23,.08);border-radius:8px;background:rgba(255,255,255,.58)}.toggle-grid{flex-wrap:wrap;gap:8px}.toggle{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid rgba(23,23,23,.08);border-radius:8px;background:rgba(255,255,255,.58);color:#4f555d;font-size:12px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle span{width:24px;height:14px;border-radius:999px;background:#d7dbe0;box-shadow:inset 0 0 0 1px rgba(23,23,23,.08);position:relative}.toggle span:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:999px;background:white;transition:transform .16s ease}.toggle input:checked+span{background:#171717}.toggle input:checked+span:after{transform:translateX(10px)}.status-line{position:fixed;right:28px;bottom:28px;z-index:12;justify-content:flex-start;gap:8px;max-width:min(380px,calc(100vw - 36px));min-height:38px;margin:0;padding:10px 13px;border:1px solid rgba(23,23,23,.1);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(32,36,42,.16);color:#3a3f46;font-size:12px;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status-line.is-error{color:#171717}@keyframes status-shimmer{0%{background-position:140% 0}to{background-position:-80% 0}}@keyframes thinking-pulse{0%,to{opacity:.48;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:760px){.studio-shell{min-height:100svh;padding:18px}.settings-button{top:18px;right:18px}.volume-control{top:18px;right:60px}.settings-popover{top:62px;right:18px}.api-key-hint{width:min(calc(100% - 40px),360px);border-radius:18px 18px 0 0}.project-title{font-size:clamp(74px,22vw,118px)}.center-stage{width:100%;max-width:calc(100vw - 36px);gap:18px;padding-top:24px}.visualizer{position:fixed;left:50vw;top:50svh;z-index:0;min-width:0;width:min(112vw,520px);transform:translate(-50%,-50%) scale(.9)}.visual-stack{z-index:0;min-height:100svh}.visualizer.is-playing{transform:translate(-50%,-50%) scale(calc(1.02 + var(--level) * .08))}.black-sphere{width:min(44vw,190px);min-width:132px}.prompt-console{width:100%;max-width:calc(100vw - 36px);padding:8px 10px}.input-tip{max-width:calc(100vw - 52px)}.prompt-main input{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.prompt-transport{width:36px;height:36px}.prompt-list{display:grid}.prompt-chip{min-width:0;width:100%;flex-wrap:nowrap}.prompt-chip input:first-child{min-width:0;width:auto;flex:1 1 auto}.chip-range{width:86px;flex:0 0 86px}.weight-value{width:30px}.chip-remove{width:22px}.add-prompt{width:100%}.add-prompt input{width:auto;flex:1 1 auto}.control-rail{display:flex;min-width:0;justify-content:center;overflow:visible}.control-rail,.control-rail.auto-readout{width:-moz-fit-content;width:fit-content;max-width:calc(100% - 72px)}.control-rail.auto-readout{display:inline-flex}.slider-control{width:auto;border-left:0;border-top:0}.slider-control input[type=range]{width:min(28vw,116px);flex-basis:min(28vw,116px)}.settings-panel{top:64px;right:18px}}@media (max-width:560px){.control-rail{flex-direction:column;align-items:stretch;gap:8px;padding:14px 24px 16px;border-radius:0 0 38px 38px}.control-rail.auto-readout{flex-direction:row;align-items:center;gap:12px;padding:12px 22px 13px;border-radius:0 0 999px 999px}.slider-control{justify-content:center}.slider-control+.slider-control{padding-top:8px;border-top:1px solid rgba(23,23,23,.08)}.slider-control+.slider-control:before{display:none}}