.panel-rail:focus-visible{outline:1px solid var(--color-text);outline-offset:-3px}.workspace-shell{background:var(--color-background);width:100%;height:100dvh;position:relative;overflow:hidden}.workspace-header{z-index:50;height:var(--header-height);background:var(--color-background);display:flex;position:absolute;inset:0 0 auto}.workspace-header-segment{z-index:1;border-bottom:1px solid var(--color-separator);background:var(--color-background);transition:width var(--transition-fast);flex:none;position:relative;overflow:hidden}.workspace-header-segment[data-side=left]{width:var(--left-header-width)}.workspace-header-segment[data-side=right]{width:var(--right-header-width)}.workspace-header-segment[data-side=left][data-open=true]{border-right:1px solid var(--color-separator)}.workspace-header-segment[data-side=right][data-open=true]{border-left:1px solid var(--color-separator)}.workspace-header-panel{width:var(--left-header-width);height:var(--header-height);letter-spacing:var(--letter-spacing-technical);white-space:nowrap;align-items:center;gap:12px;padding:0 13px;font-size:12px;font-weight:650;display:flex}.workspace-header-segment[data-side=right] .workspace-header-panel{width:var(--right-header-width);justify-content:space-between}.workspace-header-main{border-bottom:1px solid var(--color-separator);background:var(--color-background);flex:1;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;min-width:0;display:grid}.workspace-header-control{justify-content:center;align-items:center;display:flex}.workspace-header-control[data-side=right]{grid-column:3}.side-panel-root{flex:none;width:0;height:0;position:relative}.side-panel-container{z-index:10;top:var(--header-height);width:var(--panel-width);background:var(--color-background);transition:left var(--transition-fast), right var(--transition-fast), width var(--transition-fast);position:fixed;bottom:0}.side-panel-root[data-side=left] .side-panel-container{left:0}.side-panel-root[data-side=right] .side-panel-container{right:0}.side-panel-root[data-side=left][data-open=false] .side-panel-container{left:calc(var(--panel-width) * -1)}.side-panel-root[data-side=right][data-open=false] .side-panel-container{right:calc(var(--panel-width) * -1)}.side-panel-root[data-open=false] .side-panel-container{pointer-events:none}.side-panel-inner{background:var(--color-background);width:100%;height:100%;overflow:hidden}.side-panel-root[data-side=left] .side-panel-inner{border-right:1px solid var(--color-separator)}.side-panel-root[data-side=right] .side-panel-inner{border-left:1px solid var(--color-separator)}.side-panel-content{width:100%;height:100%;overflow:auto}.panel-section{padding:18px 16px}.panel-section h2{color:var(--color-text);letter-spacing:var(--letter-spacing-technical);text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:600}.panel-section p{color:var(--color-text-secondary);margin:0;font-size:12px}.panel-rail{z-index:20;cursor:col-resize;touch-action:none;background:0 0;border:0;width:16px;margin:0;padding:0;position:absolute;top:0;bottom:0}.side-panel-root[data-side=left] .panel-rail{right:-8px}.side-panel-root[data-side=right] .panel-rail{left:-8px}.side-panel-root[data-open=false] .panel-rail{pointer-events:none}.panel-rail:hover,.panel-rail:active{background:#ffffff29}.is-resizing-panel{cursor:col-resize;-webkit-user-select:none;user-select:none}.is-resizing-panel .side-panel-container,.is-resizing-panel .workspace-header-segment{transition-duration:0s}.workspace-main{inset:var(--header-height) 0 0;background:var(--color-background);min-width:0;display:flex;position:absolute}.panel-toggle{border:1px solid var(--color-control-border);background:var(--color-background);cursor:pointer;border-radius:0;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.panel-toggle:hover{background:var(--color-hover-surface)}.panel-toggle[aria-pressed=false]{color:var(--color-text-secondary)}.panel-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px;height:16px}.workspace-title{justify-content:center;align-items:baseline;gap:10px;min-width:0;font-size:12px;display:flex}.workspace-title-detail{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewport{background:var(--color-background);flex:1;min-height:0;position:relative;overflow:hidden}.viewport-canvas,.viewport-canvas canvas{width:100%;height:100%;display:block}.viewport-label{pointer-events:none;letter-spacing:.14em;text-transform:uppercase;flex-direction:column;gap:5px;font-size:10px;display:flex;position:absolute;top:16px;left:18px}.viewport-label span:last-child{color:#666;letter-spacing:.08em;text-transform:none;font-size:9px}.viewport-error{color:#8a8a8a;place-items:center;margin:0;font-size:12px;display:grid;position:absolute;inset:0}