/* V0.5: compact interiors; the four homepage keys retain their geometry. */
.is-workspace{--header:76px}
.is-workspace .topbar{height:var(--header);padding-top:0;padding-bottom:0}
.is-workspace .language{top:19px}
#workspace{padding-top:8px}.workspace-top{margin-bottom:8px}.workspace-top a,.workspace-top button{min-height:30px;padding-top:5px;padding-bottom:5px}
#module-content .module-intro{margin-bottom:12px}#module-content .module-intro h1{margin:3px 0 6px}#module-content .module-intro p{margin:5px 0;line-height:1.45}
#module-content .rooms{margin:10px 0;gap:8px}#module-content .room{min-height:84px;padding-top:12px;padding-bottom:12px}#module-content .room b{margin-bottom:5px}
#module-content :is(.primary,.secondary,.toolbar button,.capsule),dialog:not(#entry) :is(.primary,.secondary){min-height:32px;padding-top:6px;padding-bottom:6px}
#module-content .button-row,#module-content .toolbar{margin-top:10px;margin-bottom:8px;gap:8px}#module-content .ready-area{margin:10px 0;padding:12px}
#module-content .warning{padding:8px 12px;margin:10px 0;font-size:12px}#module-content label{margin-top:10px}#module-content summary{min-height:34px;padding-top:7px;padding-bottom:7px}
#module-content .construction-grid{margin-top:12px;gap:8px}#module-content .construction-grid button{padding-top:8px;padding-bottom:8px}#module-content .construction-grid small{margin-top:4px}
.recommend{margin:14px 0 10px}.recommend .capsule{min-height:30px;padding-top:5px;padding-bottom:5px}
.footer{margin-top:12px;padding-top:10px;padding-bottom:12px}.footer nav button{min-height:30px;padding-top:5px;padding-bottom:5px}
dialog:not(#entry){padding:16px}.dialog-top{padding-bottom:7px;margin-bottom:10px}.close{min-height:32px;min-width:32px}
/* Recessed optical glass, subtle grain confined to the near-black moulded rim. */
:is(#module-content .room,#module-content .primary,#module-content .secondary,#module-content .toolbar button,#module-content .construction-grid button,.studio-shell button:not(.piano-key):not(.close)){
 --key-face:radial-gradient(ellipse at 50% -45%,#000e,transparent 78%),radial-gradient(ellipse at 50% 128%,#9cc77938,transparent 64%),linear-gradient(180deg,#07120c,#10251a 68%,#243e29);
 border:3px solid transparent;border-radius:10px;
 background:var(--key-face) padding-box,repeating-linear-gradient(118deg,#a2b6a007 0 1px,#01050214 1px 3px) border-box,repeating-linear-gradient(24deg,#afbaad05 0 1px,#0001 1px 3px) border-box,linear-gradient(145deg,#202820,#080d09 35%,#030805 70%,#18201a) border-box;
 box-shadow:0 2px 0 #010402,0 3px 4px #0008,inset 0 4px 8px #000c,inset 0 -1px 1px #a5c88855,0 0 0 1px #030705;
 min-height:32px;padding-top:5px;padding-bottom:5px;color:#c2d5ae;text-shadow:0 1px 2px #000;font-weight:600;
}
.studio-shell button:not(.piano-key):not(.close)::after{inset:2px;border-radius:6px;background:linear-gradient(180deg,#0005,transparent 55%,#d6f5b510);box-shadow:inset 0 2px 4px #0008,inset 0 -1px 1px #c1d9ae38}
.studio-shell button:not(.piano-key):not(.close):is(:active,[aria-pressed=true],.is-playing):not(:disabled){--key-face:radial-gradient(ellipse at 50% -40%,#000d,transparent 80%),radial-gradient(ellipse at 50% 130%,#a7d34844,transparent 70%),linear-gradient(#07110a,#102513 70%,#22391d);background:var(--key-face) padding-box,repeating-linear-gradient(115deg,#a2b6a009 0 1px,#0002 1px 3px) border-box,linear-gradient(145deg,#202820,#060c08 60%,#131e13) border-box;box-shadow:0 1px 0 #010402,inset 0 5px 9px #000e,inset 0 -1px 1px #b7d97555;color:#dcff83}
.studio-shell .console-overline{margin-bottom:5px}.studio-shell .module-intro,.studio-shell.has-project .module-intro{margin-bottom:8px}
#module-content .studio-shell .console-sources{margin:6px 0 8px;gap:8px}
#module-content .studio-shell .console-sources .room{height:65px;min-height:65px;padding-top:6px;padding-bottom:6px;gap:4px}
#module-content .studio-shell.has-project .console-sources .room{height:48px;min-height:48px;padding-top:3px;padding-bottom:3px;gap:3px}
.studio-shell .console-project-actions,.studio-shell.has-project .console-project-actions{margin-bottom:8px;gap:8px}
.studio-shell .console-project-actions button{min-height:30px;padding-top:4px;padding-bottom:4px}
.studio-shell .studio-workbench{margin-top:8px;padding:12px}.studio-shell .studio-project-head{margin-bottom:8px;gap:8px}.studio-shell .studio-project-head input{min-height:36px;padding-top:6px;padding-bottom:6px}
.studio-shell .console-section-title{margin:9px 0 6px}.studio-shell .studio-transport{padding-bottom:6px;gap:7px}.studio-shell .studio-transport button{height:32px;min-height:32px;padding-top:4px;padding-bottom:4px}
.studio-shell .studio-meta{margin:4px 0}.studio-shell .studio-status{margin:5px 0}
.studio-shell .console-controls{padding:8px 0 10px;gap:8px 14px}.studio-shell .console-knob{gap:4px}.studio-shell .knob-label{height:20px}.studio-shell .console-dial{width:70px;height:70px}.studio-shell .console-knob output{padding:2px 5px}
.studio-shell .studio-piano-roll{height:280px}.studio-shell .roll-hint{margin:5px 0 7px}.studio-shell .console-note-editor{padding-bottom:8px;margin-top:7px}.studio-shell .studio-note-fields input{min-height:34px;padding-top:5px;padding-bottom:5px}
.studio-shell .console-note-editor .button-row{margin:7px 0;gap:7px}.studio-shell .console-note-editor .button-row button,.studio-shell .studio-export button,.studio-shell .console-transpose button{min-height:32px;padding-top:5px;padding-bottom:5px}
.studio-shell .console-note-disclosure{margin-top:6px}.studio-shell .console-note-disclosure summary{min-height:28px}.studio-shell .studio-export{margin-bottom:8px;gap:7px}
.studio-shell .studio-fineprint{padding:5px 0!important;margin:6px 0!important}.studio-shell .studio-fineprint>summary{min-height:27px;padding:4px 0}
.studio-shell .console-keyboard-section{margin-top:10px;padding-top:10px}.studio-shell .keyboard-heading{margin-bottom:8px;gap:8px}.studio-shell .keyboard-heading h3{margin-bottom:4px}.studio-shell .keyboard-tools{margin-bottom:8px;gap:7px}.studio-shell .keyboard-tools button{min-height:32px}.studio-shell .console-lcd{padding:6px 9px}
.studio-shell .console-allowance{margin:5px 0 8px;padding:6px 0;line-height:1.5}.studio-shell input[type=file]::file-selector-button{padding-top:7px;padding-bottom:7px}.studio-shell .keyboard-help{margin:5px 0}
.info-frame{width:100%;height:70svh;border:0;background:#050d09}#info:has(.info-frame){width:min(1100px,96vw);max-width:96vw;padding:10px}.musia-frame{display:block;width:100%;height:calc(100svh - 145px);min-height:400px;border:0;border-radius:8px;background:#06130c}.games-intro{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.games-intro h1{font-size:16px;margin:0}.games-intro p{font-size:11px;margin:0}.games-intro a{font-size:12px;color:var(--lime);text-decoration:underline}
@media(max-width:600px){.is-workspace{--header:90px}.is-workspace .topbar{padding-bottom:15px}.is-workspace .language{top:63px}.studio-shell .studio-workbench{padding:9px}.studio-shell .console-dial{width:59px;height:59px}.studio-shell .console-controls{gap:7px}.studio-shell .roll-settings{gap:10px}.studio-shell .studio-piano-roll{height:230px}#module-content .studio-shell .console-sources .room{height:62px;min-height:62px}#module-content .studio-shell.has-project .console-sources .room{height:48px;min-height:48px}.studio-shell .studio-transport button{font-size:8px}.games-intro p{display:none}.musia-frame{height:calc(100svh - 145px)}}

#module-content .template-preview{height:130px;padding:12px}#module-content .room-template{min-height:200px}#module-content .room-template>b{margin-top:8px}
.is-workspace main{min-height:0}
#module-content .studio-shell .console-sources .room{padding-left:10px;padding-right:10px}
@media(max-width:500px){#module-content .studio-shell .console-sources .room{padding-left:6px;padding-right:6px;padding-top:5px;padding-bottom:5px;gap:3px}#module-content .studio-shell.has-project .console-sources .room{height:54px;min-height:54px;padding-top:3px;padding-bottom:3px;gap:2px}.studio-shell .room b,.studio-shell.has-project .room b{font-size:10px;line-height:1.13}.studio-shell .console-sources .room small{font-size:10px;line-height:1.1}.studio-shell.has-project .console-sources .room small{font-size:9.333px;line-height:1.1}}

.studio-shell details.console-note-editor>summary,.studio-shell details.console-keyboard-section>summary{font:600 10px/1.5 Orbitron,sans-serif;color:#bace9b;min-height:30px;padding:7px 0}.studio-shell details.console-note-editor:not([open]),.studio-shell details.console-keyboard-section:not([open]){padding-bottom:0}.studio-shell details.console-keyboard-section>div{padding:5px 0 0}.studio-shell .console-controls{align-items:start}.studio-shell .roll-settings{gap:8px}.studio-shell .roll-settings label{margin:0!important}.studio-shell .roll-settings select{min-height:34px;padding:5px}.studio-shell .console-note-editor .studio-note-fields label{margin-top:0}.studio-shell .console-knob output{line-height:1.2}.studio-shell .roll-hint{line-height:1.4}
@media(max-width:500px){#module-content .studio-shell.has-project .console-sources .room{padding-top:2px;padding-bottom:2px}.studio-shell .knob-bank{gap:4px}.studio-shell .console-controls{gap:7px;padding-bottom:7px}.studio-shell .roll-settings{grid-template-columns:1fr 1fr;gap:8px}.studio-shell .console-note-editor .button-row{margin-top:7px}}
.studio-shell .console-sources .room small{font-family:Roboto,sans-serif}
@media(max-width:500px){#module-content .studio-shell.has-project .console-sources .room{padding-top:1px;padding-bottom:1px;gap:1px}}
#module-content .studio-shell .console-sources .room b,#module-content .studio-shell .console-sources .room small{margin:0}