.studioPage{color:#201628;background:#eae5ef;min-height:100vh;font-family:Arial,sans-serif}.studioPage>nav{color:#fff;background:#201628;border-bottom:4px solid #adff43;justify-content:space-between;align-items:center;height:62px;padding:0 4vw;font:900 9px monospace;display:flex}.studioPage nav a{color:inherit;text-decoration:none}.studioPage>header{justify-content:space-between;align-items:end;gap:50px;padding:55px 5vw 35px;display:flex}.studioPage>header small{color:#78528d;font:8px monospace}.studioPage>header h1{margin:14px 0;font:900 clamp(42px,5vw,72px)/.9 Georgia}.studioPage>header h1 i{font-weight:400}.studioPage>header p{max-width:430px;font:14px/1.6 monospace}.studioWorkspace{grid-template-columns:335px 1fr;gap:20px;padding:0 4vw 70px;display:grid}.studioWorkspace>aside{background:#fffdf7;border:2px solid;padding:20px;box-shadow:6px 6px #201628}.studioWorkspace aside section{border-bottom:1px dashed;margin-bottom:20px;padding:0 0 20px}.studioWorkspace label{margin-bottom:12px;font:900 9px monospace;display:block}.studioWorkspace aside small{color:#756b78;font:8px/1.5 monospace}.studioChoices,.paletteChoices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.studioChoices button,.paletteChoices button{text-align:left;background:#f3eef5;border:1px solid #aaa;padding:9px;font:800 8px monospace}.studioChoices button.selected,.paletteChoices button.selected{background:#fff;border-color:#201628;outline:3px solid #adff43}.paletteChoices{grid-template-columns:1fr}.paletteChoices button{align-items:center;gap:9px;display:flex}.paletteChoices button>span{display:flex}.paletteChoices i{border:1px solid #333;width:18px;height:18px;display:block}.selectRows>div{grid-template-columns:1fr 1fr;align-items:center;margin:8px 0;font:8px monospace;display:grid}.selectRows select{background:#fff;border:1px solid;padding:7px;font:8px monospace}.saveTheme{background:#adff43;border:2px solid;width:100%;padding:13px;font:900 9px monospace;box-shadow:4px 4px #201628}.studioPreview{min-width:0}.previewBar{color:#fff;background:#201628;justify-content:space-between;padding:12px 15px;font:8px monospace;display:flex}.previewBar b{color:#adff43}.previewSurface{--gap:16px;background:var(--p-paper);color:var(--p-ink);border:2px solid var(--p-ink);padding:28px;transition:all .25s}.previewSurface.airy{--gap:28px}.previewSurface.dense{--gap:8px}.previewSurface.square article{border-radius:0}.previewSurface.soft article{border-radius:9px}.previewSurface.round article{border-radius:28px}.previewSurface>header{border-bottom:3px solid var(--p-ink);grid-template-columns:105px 1fr auto;align-items:center;gap:20px;padding-bottom:20px;display:grid}.previewSurface>header img{object-fit:cover;border:4px solid var(--p-accent);border-radius:50%;width:100px;height:100px}.previewSurface>header small{color:var(--p-secondary);font:8px monospace}.previewSurface>header h2{margin:8px 0;font:900 50px/.8 Arial}.previewSurface>header p{font:9px monospace}.previewSurface>header>b{background:var(--p-accent);padding:9px;font:8px monospace}.previewModules{gap:var(--gap);margin-top:var(--gap);grid-template-columns:1.3fr 1fr 1fr;display:grid}.previewModules article{background:#fff;border:2px solid;min-height:190px;padding:18px}.previewModules small{color:var(--p-secondary);font:8px monospace}.previewModules h3{font:900 20px Arial}.previewModules p{font:12px/1.4 Georgia}.miniArt{background:var(--p-ink);color:var(--p-accent);place-items:center;height:80px;margin-top:15px;font-size:25px;display:grid}.miniFaces{margin:24px 0;display:flex}.miniFaces img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:45px;height:45px;margin-right:-10px}.guardRail{background:#dff4d4;border:1px solid #5d8751;grid-template-columns:repeat(4,1fr);display:grid}.guardRail div{border-right:1px solid #5d8751;padding:12px}.guardRail b,.guardRail span{font:8px/1.4 monospace;display:block}.guardRail b{color:#285d20}.studioPreview details{background:#fff;border:1px solid;margin-top:10px;padding:12px;font:9px monospace}.studioPreview pre{color:#adff43;background:#201628;padding:15px;overflow:auto}@media (width<=900px){.studioWorkspace,.previewModules{grid-template-columns:1fr}.guardRail{grid-template-columns:1fr 1fr}}@media (width<=600px){.studioPage>header{display:block}.studioWorkspace{padding-inline:15px}.previewSurface>header{grid-template-columns:75px 1fr}.previewSurface>header img{width:70px;height:70px}.previewSurface>header>b{grid-column:1/-1}.guardRail{grid-template-columns:1fr}.studioPage nav span{display:none}}.roomNameControls>div{grid-template-columns:1fr 1.35fr;align-items:center;gap:8px;margin:7px 0;display:grid}.roomNameControls>div>span{color:#756b78;font:8px monospace}.roomNameControls select{background:#fff;border:1px solid;width:100%;padding:7px;font:8px monospace}.previewRoomNav{gap:6px;margin-top:18px;padding-bottom:5px;display:flex;overflow-x:auto}.previewRoomNav>span{border:1px solid var(--p-ink);background:#fff;border-radius:14px;grid-template-columns:24px 1fr;align-items:center;gap:5px;min-width:108px;padding:7px;font:800 8px Arial;display:grid}.previewRoomNav i{background:var(--p-ink);width:24px;height:24px;color:var(--p-accent);border-radius:50%;grid-row:1/3;place-items:center;font-style:normal;display:grid}.previewRoomNav small{color:var(--p-secondary);font:6px monospace}