:root{font-family:SF Pro Display,Söhne,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0f1115;color:#f4f5f7}#app{position:relative;z-index:1;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.35)}.status{margin:0;font-size:1.1rem;letter-spacing:.02em}.hint{margin:.35rem 0 0;font-size:.85rem;opacity:.82}.settings-button{position:fixed;right:.9rem;bottom:.9rem;z-index:7;border:1px solid rgba(150,175,255,.28);background:#0a101ea6;color:#f2f5ff;border-radius:999px;padding:.5rem .9rem;font-size:.82rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.studio-backdrop{position:fixed;inset:0;background:#04070d85;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:5}.studio-backdrop.open{opacity:1;pointer-events:auto}.studio-panel{position:fixed;top:50%;left:50%;width:min(980px,calc(100vw - 2rem));max-height:min(82vh,760px);overflow:auto;z-index:6;border-radius:18px;padding:.8rem;background:linear-gradient(145deg,#0e1626b8,#0a0f1e9e);border:1px solid rgba(155,180,255,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 28px 70px #00000075;opacity:0;pointer-events:none;transform:translate(-50%,-48%) scale(.982);transition:opacity .19s ease,transform .19s ease}.studio-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.studio-grain{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.18;mix-blend-mode:soft-light;background-image:radial-gradient(rgba(255,255,255,.25) .45px,transparent .45px);background-size:3px 3px}.studio-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .25rem .65rem}.studio-header h3{margin:0;font-size:1rem;letter-spacing:.04em}.studio-close,.studio-actions button,.studio-tab{background:#212f5273;color:#eaf0ff;border:1px solid rgba(157,182,255,.25);border-radius:9px;padding:.36rem .52rem;cursor:pointer}.studio-grid{position:relative;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.65rem}.studio-column,.studio-preview{background:#121c2e75;border-radius:12px;border:1px solid rgba(133,160,238,.22);padding:.6rem}.studio-column{display:grid;gap:.44rem}.studio-control{display:grid;gap:.2rem;font-size:.72rem;color:#eaf0ffeb}.studio-control strong{font-size:.68rem;opacity:.76}.studio-control input,.studio-control select{width:100%}.studio-preview{display:grid;place-items:center;min-height:320px}.studio-preview-body{position:relative;width:100%;min-height:260px;display:grid;place-items:center}.preview-star,.preview-supernova{border-radius:999px;background:radial-gradient(circle at 38% 35%,#f8fbff,#b3c4ff 45%,#788ce626);box-shadow:0 0 46px #94a8ff94}.preview-moon{position:absolute;width:14px;height:14px;border-radius:999px;background:#dfebffe6;box-shadow:0 0 16px #bcd1ff85}.preview-supernova{background:radial-gradient(circle at 35% 30%,#ffd1d1,#ff5c6e 36%,#c41e3833);box-shadow:0 0 56px #ff485494}.preview-supernova-arrows{position:absolute;bottom:22px;font-size:1.1rem;letter-spacing:.4rem;color:#ffb8b8db}.studio-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.75rem}.studio-tab.active{border-color:#c5d4ff9e;background:#4661a68f}.studio-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-top:.2rem}.studio-status{margin:.2rem 0 0;font-size:.68rem;min-height:1.1rem;opacity:.82}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.studio-preview{min-height:220px}.studio-actions{grid-template-columns:1fr}}