:root{color-scheme:dark;--ink:#090d17;--panel:#11182a;--line:rgba(191,216,255,.13);--text:#edf3ff;--muted:#94a4be;--accent:#66f0d1;--purple:#a889ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 0%,#202653 0,transparent 34%),var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.studio-shell{min-height:100vh;padding:24px;background-image:linear-gradient(rgba(180,203,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(180,203,255,.035) 1px,transparent 1px);background-size:36px 36px}.topbar{max-width:1420px;margin:0 auto 22px;display:flex;gap:22px;align-items:center;min-height:42px}.brand{color:var(--text);font-size:1.2rem;font-weight:400;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand b{font-weight:750}.brand-mark{display:inline-block;width:19px;height:19px;margin-right:9px;vertical-align:-3px;border:2px solid var(--accent);border-radius:50% 50% 50% 4px;box-shadow:0 0 18px #66f0d1;transform:rotate(-35deg)}.topbar p{margin:0;color:var(--muted);font-size:.86rem}.seed-readout{margin-left:auto;color:var(--muted);font-size:.77rem;text-transform:uppercase;letter-spacing:.08em}.seed-readout output{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:8px}.workspace{max-width:1420px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.art-stage{min-width:0}.canvas-frame{position:relative;overflow:hidden;aspect-ratio:1.35;border:1px solid var(--line);border-radius:20px;background:#07101d;box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 0 70px rgba(100,154,255,.05)}canvas{width:100%;height:100%;display:block}.canvas-caption{padding:12px 5px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.canvas-caption span:first-child{color:#ccd7ea}.live-dot{display:flex;align-items:center;gap:6px}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.live-dot.paused:before{background:#b3bdcf;box-shadow:none}.control-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(25,36,61,.9),rgba(12,18,32,.92));box-shadow:0 22px 55px rgba(0,0,0,.23)}.control-section{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}h1,h2{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 14px}label{display:block;margin:12px 0 6px;font-size:.78rem;color:#cfd9eb}.hint{color:var(--muted);font-size:.68rem}select,input[type=text]{width:100%;border:1px solid var(--line);border-radius:9px;background:#0b1221;color:var(--text);padding:10px;font:inherit;font-size:.84rem;outline:none}select:focus,input:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}output{float:right;color:var(--accent);font-weight:700}.sliders label{margin-top:15px}.sliders input{width:100%;accent-color:var(--accent);cursor:pointer}.seed-row{display:flex;gap:8px}.icon-button{flex:0 0 40px;font-size:1.25rem;padding:0}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset{padding:9px 8px;text-align:left;font-size:.72rem;line-height:1.1;background:linear-gradient(100deg,var(--p1),var(--p2));color:#fff;border:1px solid rgba(255,255,255,.16);text-shadow:0 1px 5px #000}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{min-height:38px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#172238;font:600 .76rem/1 system-ui,sans-serif;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}button:hover{transform:translateY(-1px);background:#22304c;border-color:rgba(150,220,255,.4)}button.primary{background:linear-gradient(105deg,#0c907f,#177d99);border-color:#3adbc0;grid-column:span 2}button.save{background:linear-gradient(105deg,#7356d9,#395dc9);border-color:#ab98ff;grid-column:span 2}@media(max-width:900px){.workspace{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.actions{align-content:start}.control-section{margin-bottom:14px}.presets{grid-column:span 2}.topbar p{display:none}}@media(max-width:560px){.studio-shell{padding:14px}.topbar{margin-bottom:15px}.seed-readout{font-size:.64rem}.canvas-frame{aspect-ratio:.88;border-radius:14px}.control-panel{padding:15px;display:block}.preset-grid{grid-template-columns:1fr 1fr}.topbar{gap:8px}.brand{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}