body{min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.studio-topbar{height:4rem;display:flex;align-items:center;gap:1.5rem;padding:0 1.25rem;border-bottom:1px solid var(--rule);font-family:var(--font-ui)}.studio-brand{color:var(--ink);text-decoration:none;font:500 1.15rem var(--font)}.studio-brand span{color:var(--ink-soft);font-family:var(--font-ui);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.studio-topbar p{margin:0;color:var(--ink-soft);font-size:.78rem}.studio-topbar__actions{display:flex;gap:.5rem;margin-left:auto}.studio-topbar button,.studio-actions button,.studio-preview-toolbar button,.studio-editor button,.studio-section-heading button{border:1px solid var(--rule);background:transparent;border-radius:999px;padding:.4rem .8rem;cursor:pointer;font-family:var(--font-ui);font-size:.75rem}button:hover{border-color:var(--ink)}button.is-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.studio-shell{height:calc(100vh - 4rem);display:grid;grid-template-columns:14rem 19rem minmax(0,1fr)}.studio-library,.studio-editor{overflow-y:auto;border-right:1px solid var(--rule)}.studio-library{padding:1rem .75rem;font-family:var(--font-ui)}.studio-editor{padding:1rem}.studio-section-heading{min-height:2rem;display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font:650 .67rem var(--font-ui);letter-spacing:.1em;text-transform:uppercase;gap:.5rem}.studio-section-heading>span{flex:0 0 auto}.studio-section-heading>small{max-width:10rem;text-align:right;font-size:.56rem;line-height:1.2}.studio-section-heading button{padding:.2rem .55rem;text-transform:none;letter-spacing:0}.studio-library__list{display:grid;gap:.35rem}.studio-library__item{display:grid;gap:.18rem;width:100%;padding:.65rem;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.studio-library__item:hover{background:var(--paper-deep)}.studio-library__item.is-active{border-color:var(--rule);background:var(--paper-deep)}.studio-library__item strong{font-size:.78rem;font-weight:650;overflow:hidden;text-overflow:ellipsis}.studio-library__item span{color:var(--ink-soft);font-size:.66rem;overflow:hidden;text-overflow:ellipsis}.studio-library__empty,.studio-local-note{color:var(--ink-soft);font-size:.72rem;line-height:1.45}.studio-local-note{margin:1rem .4rem}.studio-field{display:grid;gap:.42rem;margin-bottom:1rem;font-family:var(--font-ui)}.studio-field>span{color:var(--ink-soft);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.studio-field input,.studio-control select{width:100%;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:6px;padding:.48rem .55rem}.studio-seed-row{display:flex;gap:.4rem}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.studio-tabs--categories{grid-template-columns:repeat(2,1fr)}.studio-tabs button{border:0;border-radius:0;padding:.48rem .2rem;background:transparent;cursor:pointer}.studio-tabs button+button{border-left:1px solid var(--rule)}.studio-tabs--categories button:nth-child(odd):not(:first-child){border-left:0}.studio-tabs--categories button:nth-child(n+3){border-top:1px solid var(--rule)}.studio-tabs button.is-active{background:var(--ink);color:var(--paper)}.studio-generator-cards{display:grid;gap:.4rem}.studio-generator-card{display:grid;gap:.22rem;width:100%;padding:.65rem .7rem;text-align:left;border:1px solid var(--rule);border-radius:8px;background:transparent;cursor:pointer}.studio-generator-card:hover{border-color:var(--ink)}.studio-generator-card.is-active{background:var(--paper-deep);border-color:var(--ink)}.studio-generator-card strong{font-size:.78rem}.studio-generator-card small,.studio-generator-cards__empty{color:var(--ink-soft);font-size:.65rem;line-height:1.35}.studio-generator-cards__empty{margin:0;padding:.7rem;border:1px dashed var(--rule);border-radius:8px}.studio-component-picker{padding-bottom:1.5rem;font-family:var(--font-ui)}.studio-component-picker[hidden]{display:none}.studio-component-picker>p{margin:0 0 .7rem;color:var(--ink-soft);font-size:.66rem;line-height:1.4}.studio-component-list{display:grid;gap:.35rem}.studio-component-item{display:grid;grid-template-columns:1.5rem 1fr;align-items:center;gap:.45rem;width:100%;padding:.52rem .6rem;text-align:left;border:1px solid var(--rule);border-radius:7px;background:transparent;cursor:pointer}.studio-component-item.is-active{border-color:var(--ink);background:var(--paper-deep)}.studio-component-item>span:first-child{font-size:1rem;text-align:center}.studio-component-item>span:last-child{display:grid;gap:.12rem}.studio-component-item strong{font-size:.72rem}.studio-component-item small{color:var(--ink-soft);font-size:.62rem}.studio-controls{display:grid;gap:.2rem;padding-bottom:2rem}.studio-controls--reveal{padding-bottom:1rem}.studio-controls--ambience{padding-bottom:1.5rem}.studio-control{display:grid;gap:.5rem;padding:.7rem 0;border-bottom:1px solid var(--rule);font-family:var(--font-ui)}.studio-control__heading{display:grid;gap:.18rem}.studio-control__heading strong{font-size:.78rem}.studio-control__heading small{color:var(--ink-soft);font-size:.66rem;line-height:1.35}.studio-control--toggle{grid-template-columns:1fr auto;align-items:center}.studio-control--toggle input{width:1rem;height:1rem;accent-color:var(--ink)}.studio-range{display:grid;grid-template-columns:1fr 2.5rem;gap:.55rem;align-items:center}.studio-range input{width:100%;accent-color:var(--ink)}.studio-range output{color:var(--ink-soft);font-size:.7rem;text-align:right;font-variant-numeric:tabular-nums}.studio-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--paper-deep)}.studio-preview-toolbar,.studio-actions{min-height:3.4rem;display:flex;align-items:center;gap:.65rem;padding:.65rem 1rem;border-bottom:1px solid var(--rule);background:var(--paper);font-family:var(--font-ui)}.studio-preview-toolbar>div:first-child{display:grid;gap:.18rem}.studio-preview-toolbar strong{font:500 1rem var(--font)}.studio-preview-toolbar span{color:var(--ink-soft);font-size:.65rem}.studio-preview-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.studio-progress{display:flex;align-items:center;gap:.45rem}.studio-progress input{width:min(14vw,9rem);accent-color:var(--ink)}.studio-preview{position:relative;min-height:0;margin:1rem;border:1px solid var(--rule);background:var(--paper);overflow:hidden}.studio-preview.is-busy{opacity:.58}.studio-preview .scene{height:100%;min-height:0}.studio-preview .scene__stage{position:absolute;inset:0;height:100%;padding:clamp(.75rem,2vw,1.5rem)}.studio-preview .scene__meta{max-width:27rem}.studio-preview .scene__meta h2{font-size:clamp(1rem,2vw,1.35rem)}.studio-preview .scene__meta p{font-size:.72rem}.studio-preview__error{margin:auto;padding:2rem;color:var(--ink-soft);font-family:var(--font-ui)}.studio-actions{border-top:1px solid var(--rule);border-bottom:0;flex-wrap:wrap}.studio-actions p{margin:0 auto 0 0;color:var(--ink-soft);font:.7rem var(--font-ui)}@media (max-width: 960px){body{overflow:auto}.studio-shell{height:auto;min-height:calc(100vh - 4rem);grid-template-columns:12rem minmax(16rem,19rem) minmax(30rem,1fr);overflow-x:auto}.studio-library,.studio-editor,.studio-workspace{height:calc(100vh - 4rem)}}@media (max-width: 640px){.studio-topbar{height:auto;min-height:4rem;flex-wrap:wrap;gap:.35rem 1rem;padding-block:.6rem}.studio-topbar p{display:none}.studio-shell{display:flex;flex-direction:column;overflow:visible}.studio-library{order:3;height:auto;border:0;border-top:1px solid var(--rule)}.studio-editor{height:auto;border:0}.studio-workspace{height:72vh;min-height:34rem;order:2}.studio-progress{display:none}.studio-actions{gap:.4rem}.studio-actions p{flex:1 0 100%}}@media (prefers-reduced-motion: reduce){[data-action=play],.studio-progress{display:none}}