.studio2-layout-ready .production-workspace { position: relative; grid-template-columns: var(--rail-width) var(--workspace-left,262px) minmax(0,1fr) var(--workspace-right,310px); }
.studio2-layout-ready .workspace-rail { grid-column: 1; grid-row: 1; }
.studio2-layout-ready .outliner { grid-column: 2; grid-row: 1; display: block; }
.studio2-layout-ready .stage { grid-column: 3; grid-row: 1; min-width: 0; }
.studio2-layout-ready .inspector { grid-column: 4; grid-row: 1; display: block; }
.studio2-layout-ready.workspace-left-hidden .outliner,.studio2-layout-ready.workspace-right-hidden .inspector { display: none; }
.studio2-layout-ready .workspace-resize { position: absolute; top: 0; bottom: 0; width: 7px; z-index: 65; cursor: col-resize; touch-action: none; background: transparent; }
.workspace-resize-left { left: calc(var(--rail-width) + var(--workspace-left) - 4px); }
.workspace-resize-right { right: calc(var(--workspace-right) - 4px); }
.workspace-resize:hover,.workspace-resize:focus-visible { background: #69eac45e !important; outline: 1px solid #70f1c9; outline-offset: -1px; }
.workspace-edge-toggle { position: absolute; top: 48%; z-index: 66; height: 38px; width: 17px; padding: 0; border: 1px solid #35504c; border-radius: 5px; color: #a6c4be; background: #11201fed; font-size: 22px; cursor: pointer; }
.workspace-edge-left { left: calc(var(--rail-width) + var(--workspace-left) - 8px); }
.workspace-edge-right { right: calc(var(--workspace-right) - 8px); }
.workspace-left-hidden .workspace-edge-left { left: calc(var(--rail-width) + 3px); }
.workspace-right-hidden .workspace-edge-right { right: 3px; }
.workspace-edge-toggle:hover:not(:disabled) { color: #a8ffe0; border-color: #73e9c0; }
.workspace-edge-toggle:disabled { display: none; }
.workspace-resizing,.workspace-resizing * { cursor: col-resize !important; user-select: none !important; }
.project-actions .workspace-layout-button { display: inline-flex; align-items: center; flex: 0 0 auto; }
.workspace-layout-dialog { width: min(480px,calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: 23px; border: 1px solid #344654; border-radius: 13px; background: #101923; color: #dce8ed; box-shadow: 0 24px 90px #000a; }
.workspace-layout-dialog::backdrop { background: #03080eaa; backdrop-filter: blur(4px); }
.workspace-layout-dialog header { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.workspace-layout-dialog header small { font-size: 9px; color: #85cdb5; letter-spacing: .16em; }
.workspace-layout-dialog h2 { font-size: 21px; margin: 5px 0; letter-spacing: -.025em; }
.workspace-layout-dialog button { min-height: 33px; padding: 7px 10px; border: 1px solid #354655; border-radius: 6px; background: #172632; color: #c9dce6; cursor: pointer; }
.workspace-layout-dialog button:hover:not(:disabled) { border-color: #76dcbc; color: #b6ffe5; }
.workspace-layout-dialog button:disabled { opacity: .4; cursor: default; }
#workspace-layout-close { align-self: flex-start; font-size: 21px; line-height: 1; }
.workspace-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.workspace-presets button { display: grid; gap: 5px; text-align: left; }
.workspace-presets b { font-size: 12px; }
.workspace-presets span { font-size: 10px; color: #92adbf; }
.workspace-panel-options { display: grid; gap: 11px; margin: 20px 0; }
.workspace-panel-options label { display: flex; align-items: center; gap: 9px; }
.workspace-panel-options small { margin-left: auto; color: #88a5b8; }
.workspace-layout-dialog p { font-size: 11px; line-height: 1.55; color: #91a8b9; }
.workspace-layout-actions { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0 10px; }
.workspace-layout-actions button { font-size: 11px; }
#workspace-layout-status { margin-bottom: 0; }
@media (max-width:680px) { .project-actions .workspace-layout-button { padding: 0 6px; font-size: 11px; } }