/* Common editor layout. Domain controls stay inside their own inspector. */
:is(.expression-studio,.monster-studio) #stage-space{padding:0;background-image:none}
:is(.expression-studio,.monster-studio) #canvas-frame{border:0;border-radius:0;box-shadow:none;flex:none}
.studio-layout .workspace-toolbar{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 12px}
.workspace-toolbar .history-controls{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto;max-width:100%}
.workspace-toolbar .workspace-front-view{position:static;flex:none;box-shadow:none;margin:0;width:40px;height:40px;border-radius:6px;background:var(--surface);color:var(--ink)}
.workspace-toolbar .pose-canvas-fields{display:flex;align-items:center;gap:8px;min-width:0}
.workspace-toolbar .pose-canvas-fields>label{margin:0;min-width:0}
.workspace-toolbar .pose-canvas-fields select{height:44px;min-height:44px;margin:0;padding:8px 30px 8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:500 14px/1.4 var(--sans)}
.workspace-toolbar #aspect-select{width:80px}.workspace-toolbar #background-select{width:108px}
.workspace-toolbar .pose-canvas-fields .ls-select{flex:none;min-width:0}
.workspace-toolbar .pose-canvas-fields .ls-select>summary{min-height:44px}
.workspace-library-tabs{margin:0 0 12px;gap:8px}.workspace-library-tabs>button{min-height:40px}
#workspace-presets[hidden]{display:none}
.workspace-toolbar .expression-skin-tones button[aria-pressed=true]{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-bg)}
.canvas-pan-hint{position:absolute;top:62px;left:10px;z-index:8;display:inline-flex;align-items:center;gap:14px;margin:0;padding:6px 9px;border-radius:6px;background:var(--surface);color:var(--ink);font:500 12px/1.4 var(--sans);white-space:nowrap;pointer-events:none}
.canvas-pan-hint[hidden]{display:none}.canvas-pan-hint .mouse-gesture{display:inline-flex;align-items:center;gap:6px}
.canvas-pan-hint svg{width:18px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.canvas-pan-hint .mouse-left-button,.canvas-pan-hint .mouse-right-button{fill:var(--accent);stroke:none}
.canvas-camera-readout #camera-distance-value{color:var(--ink)}
.expression-studio .expression-example{top:12px;right:12px}
.monster-studio .inspector .monster-rarity{position:relative;inset:auto;margin-top:12px;width:fit-content;max-width:100%}
@media(max-width:600px){.studio-layout .workspace-toolbar{gap:8px}.workspace-toolbar .history-controls{flex-basis:auto;margin-left:auto}.workspace-toolbar .history-controls .icon-button{width:36px}.workspace-toolbar .expression-skin-tones button{padding-inline:8px}.workspace-toolbar .pose-canvas-fields{gap:8px}}