/* Controls stay in document flow; the center gutter never owns clickable elements. */
.sk-pair-views .sk-viewport-frame{display:flex;flex-direction:column;min-height:240px;overflow:hidden}
.sk-pair-views .sk-viewport-frame>[data-sk-viewport-host]{position:relative!important;inset:auto!important;flex:1 1 0;min-height:0;width:100%}
.sk-pair-views .sk-viewport-status{position:relative;inset:auto;flex:0 0 auto;margin:5px 8px;min-height:24px;max-width:100%;z-index:auto}
.sk-pair-views .sk-view-caption,.sk-motion-source .sk-view-caption{display:none!important}
.sk-pair-viewport{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--cb-editor-space) * 0.4);height:100%;min-height:240px;padding:calc(var(--cb-editor-space) * 0.3);box-sizing:border-box;overflow:auto}
.sk-pair-card{min-width:0;min-height:220px;display:flex;flex-direction:column;overflow:hidden;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-inset)}
.sk-pair-card h3{flex:0 0 auto;margin:0;padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.5);font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.5 * var(--cb-leading-scale));color:var(--cb-heading);border-bottom:var(--cb-border-width) solid var(--cb-border)}
.sk-pair-canvas{position:relative;flex:1;min-height:180px;min-width:0;overflow:hidden}
.sk-pair-viewport.is-single{grid-template-columns:1fr}.sk-pair-viewport.is-single .sk-pair-card:nth-child(2){display:none}
.sk-cone-tooltip{position:absolute;z-index:4;pointer-events:none;padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.4);border-radius:calc(var(--cb-radius) * 0.41667);background:color-mix(in srgb, var(--cb-inverse) 92.94118%, transparent);color:var(--cb-on-inverse);font:calc(11px * var(--cb-type-scale))/calc(1.6 * var(--cb-leading-scale)) var(--cb-font);max-width:210px;white-space:normal;box-shadow:var(--cb-shadow)}
.sk-cone-tooltip[hidden]{display:none}
.sk-motion-source .sk-viewport-status{display:none!important}
.sk-motion-source .sk-webgl-mount{overflow:auto;min-height:0}
.msw{min-width:0;box-sizing:border-box;isolation:isolate}
.msw-views{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--cb-editor-space) * 0.4);min-height:260px;flex:1 0 260px;position:relative}
.msw-views>div{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333)}
.msw-caption{position:relative;flex:0 0 auto;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.45);min-height:32px;box-sizing:border-box;font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));overflow-wrap:anywhere}
.msw-canvas{position:relative;min-width:0;min-height:220px;flex:1;overflow:hidden}
.msw-canvas canvas{display:block;max-width:100%;width:100%;height:100%;touch-action:none}
.msw-heading,.msw-toolbar,.msw-timeline,.msw-status,.msw-calibration,.msw-bone-legend{position:relative;flex-shrink:0;min-width:0;max-width:100%;box-sizing:border-box}
.msw-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--cb-editor-space) * 0.35);overflow:visible}
.msw-toolbar button{flex:0 1 auto;min-height:32px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.msw-toolbar select{width:auto;min-width:0;max-width:100%;flex:0 1 auto}
.msw-toolbar [data-msw-clip]{flex:1 1 180px;max-width:300px}
.msw-toolbar label{display:inline-flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);max-width:100%;min-width:0}
.msw-toolbar input[type=checkbox]{width:auto;flex:none}
.msw-timeline{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);padding:calc(var(--cb-editor-space) * 0.2) 0}
.msw-timeline input{min-width:0;width:auto;flex:1}.msw-timeline output{flex:0 0 auto;font-size:calc(11px * var(--cb-type-scale))}
.msw-status{min-height:32px;line-height:calc(1.6 * var(--cb-leading-scale));overflow-wrap:anywhere}
.msw-bone-legend{display:flex;gap:calc(var(--cb-editor-space) * 0.5);flex-wrap:wrap;font:calc(11px * var(--cb-type-scale))/calc(1.8 * var(--cb-leading-scale)) var(--cb-font);color:var(--cb-text);padding:calc(var(--cb-editor-space) * 0.15) 0}
.msw-bone-legend span{display:inline-flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25)}
.msw-bone-legend i{display:inline-block;width:9px;height:16px;clip-path:polygon(50% 0,100% 24%,50% 100%,0 24%);background:var(--cb-inset)}
.msw-bone-legend .mapped i{background:var(--cb-inset)}
.msw-bone-legend .selected{border:calc(var(--cb-border-width) * 2) solid var(--cb-border-strong);border-radius:calc(var(--cb-radius) * 0.33333);padding:0 calc(var(--cb-editor-space) * 0.2);box-shadow:0 0 0 1px var(--cb-focus)}
@container viewpanel (max-width:520px){.msw-views{grid-template-columns:minmax(0,1fr);min-height:490px;flex-basis:490px}.sk-pair-viewport:not(.is-single){grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(220px,1fr))}.msw-toolbar select{max-width:100%}}
@media(max-width:560px){.msw-views{grid-template-columns:minmax(0,1fr);min-height:490px;flex-basis:490px}.sk-pair-viewport:not(.is-single){grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(220px,1fr))}}
.sk-pair-views .sk-pick-tabs{display:none!important}.msw-caption strong,.msw-caption small{display:block}.msw-caption small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}