/* Split View only: shared controls, simultaneous artwork and model canvases. */
.mk-v3 .mk-studio-split-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:8px 10px; min-height:36px; border:1px solid var(--studio-line); background:var(--studio-paper); color:#63716f; font-size:12px; white-space:nowrap; }
.mk-v3 .mk-studio-split-button:hover { background:var(--studio-soft); }
.mk-v3 .mk-studio-return[hidden] { display:none; }
.mk-v3.mk-studio-split { overflow:hidden; }
.mk-studio-split .mk-v3-workspace { position:fixed; inset:0; height:100dvh; display:flex; flex-direction:column; z-index:100; border:0; border-radius:0; overflow:hidden; }
.mk-studio-split .mk-v2-toolbar { flex-shrink:0; border-radius:0; padding:12px 18px!important; min-height:68px; gap:16px; }
.mk-studio-split .mk-v2-toolbar #preview-title { flex-shrink:0; margin-right:0; white-space:nowrap; }
.mk-studio-split .mk-v3-actions { flex-shrink:0; margin-left:auto; }
.mk-studio-split .mk-studio-design-tools { display:flex; align-items:center; flex:1; min-width:0; gap:10px; padding-left:16px; border-left:1px solid var(--studio-line); }
.mk-studio-split .mk-studio-design-tools > div:first-child { min-width:0; }
.mk-studio-split #dieline-editor-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.mk-studio-split #dieline-toggle { min-width:0; max-width:100%; overflow:auto; flex-wrap:nowrap; scrollbar-width:thin; }
.mk-studio-split #dieline-toggle button { flex-shrink:0; white-space:nowrap; font-size:13px!important; padding:8px 10px!important; }
.mk-studio-split .mk-v3-editor-tools { margin-left:0; flex-shrink:0; gap:6px; }
.mk-studio-split .mk-v3-editor-tools button { min-height:38px; padding:9px 12px!important; }
.mk-studio-split .mk-v3-editor-tools #select-image-btn { min-height:38px; }
.mk-studio-split .mk-v3-editor-actions { flex-shrink:0; }
.mk-studio-split .mk-v3-focus { display:none; }
.mk-studio-split .mk-v2-shell { flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,var(--split-design,1fr)) minmax(0,1fr) 320px; align-items:stretch; }
.mk-studio-split .mk-v2-editor { display:contents!important; }
.mk-studio-split .mk-v2-ed-main { position:relative; z-index:1; grid-column:1; grid-row:1; min-height:0; box-shadow:inset -1px 0 var(--studio-line); container-type:inline-size; }
.mk-v3 .mk-studio-divider { display:none; }
.mk-studio-split .mk-studio-divider { display:block; position:absolute; right:-6px; top:50%; width:12px; height:44px; border:1px solid var(--studio-line); border-radius:8px; background:#fff; cursor:col-resize; z-index:40; }
.mk-studio-split .mk-studio-divider:after { content:''; position:absolute; top:12px; bottom:12px; left:4px; width:2px; border-radius:2px; background:#b8c1ba; }
.mk-studio-split .mk-v2-ed-main > header { display:none; }
.mk-studio-split .mk-v2-ed-main > .p-6 { padding:16px!important; }
.mk-studio-split .mk-v2-ed-main > .p-6 > div { max-height:none!important; }
.mk-studio-split :is(.mk-v3-canvas-caption,.mk-v3-viewbar) { flex:0 0 64px; height:64px; min-height:64px; padding:8px 16px; align-items:center; flex-wrap:nowrap; }
.mk-studio-split :is(.mk-v2-modal-close,.mk-studio-split-button) { display:none; }
.mk-studio-split .mk-v2-ed-aside { grid-column:3; grid-row:1; min-height:0; width:auto; display:flex; }
.mk-studio-split .mk-v2-ed-aside > :is(.mk-v2-mini3d-wrap,.mk-v2-apply) { display:none; }
.mk-studio-split .mk-v2-sidebar { flex:1; height:100%; border-radius:0; }
.mk-studio-split .mk-v3-tabs { margin:16px 12px 0; }
.mk-studio-split .mk-v3-panel { padding:22px 18px; }
.mk-studio-split #mk-v3-panel-design { padding:0; }
.mk-studio-split .mk-v2-ed-scroll { overflow:visible; border-top:0; }
.mk-studio-split .mk-v2-ed-scroll > .px-5 { padding:0 18px 22px; }
.mk-studio-split .mk-v2-main { grid-column:2; grid-row:1; min-height:0; display:flex; flex-direction:column; border-radius:0; container-type:inline-size; }
.mk-studio-split .mk-v2-stage { flex:1; min-height:0; display:flex; flex-direction:column; }
.mk-studio-split .mk-v2-viewer { flex:1; min-height:0; display:flex; align-items:center; padding:16px!important; }
.mk-studio-split .mk-v3-viewbar { gap:8px; }
.mk-studio-split .mk-v3-viewtools { gap:5px; flex-wrap:nowrap; }
.mk-studio-split :is(#camera-views-btn,#lighting-settings-btn,.mk-v2-ratio-btn) { padding:9px; font-size:13px; }
.mk-studio-split .mk-v3-viewbar > .mk-v3-turntable { font-size:13px; }
@media (min-width:860px) and (max-width:1390px) {
  .mk-studio-split .mk-v2-shell { grid-template-columns:minmax(0,var(--split-design,1fr)) minmax(0,1fr) 300px; }
  .mk-studio-split .mk-v2-toolbar { gap:12px; }
  .mk-studio-split .mk-v2-toolbar #preview-title { font-size:13px; }
}
@media (min-width:860px) and (max-width:1200px) {
  .mk-studio-split .mk-v3-editor-tools button { width:36px; min-height:36px; padding:9px!important; }
  .mk-studio-split .mk-v3-editor-tools #select-image-btn { min-height:36px; padding:9px!important; }
  .mk-studio-split .mk-v3-editor-tools svg { flex-shrink:0; }
  .mk-studio-split .mk-v3-tool-label { display:none; }
}
/* Keep bottom controls compact as either pane narrows, including divider drags. */
@container (max-width:480px) {
  .mk-studio-split .mk-editor-selection-hint { display:none; }
  .mk-studio-split :is(#camera-views-btn,#lighting-settings-btn) { width:36px; gap:0; font-size:0; }
  .mk-studio-split .mk-v3-viewbar > .mk-v3-turntable { width:40px; padding:9px; justify-content:center; }
  .mk-studio-split .mk-v3-turntable-label { display:none; }
}
@media (max-width:1100px) {
  .mk-studio-split .mk-studio-design-tools { order:3; flex-basis:100%; padding:10px 0 0; border-left:0; border-top:1px solid var(--studio-line); }
  .mk-studio-split .mk-studio-design-tools > div:first-child { flex:1; }
}
@media (max-width:859px) {
  .mk-studio-split .mk-studio-divider { display:none; }
  .mk-studio-split .mk-v3-workspace { overflow:auto; }
  .mk-studio-split .mk-v2-shell { flex:none; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .mk-studio-split .mk-v2-ed-main { grid-column:1/-1; grid-row:1; }
  .mk-studio-split .mk-v2-main { grid-column:1/-1; grid-row:2; }
  .mk-studio-split .mk-v2-ed-aside { grid-column:1/-1; grid-row:3; }
  .mk-studio-split .mk-v2-ed-main > .p-6 { flex:none; }
  .mk-studio-split .mk-v2-viewer { flex:none; display:block; }
  .mk-studio-split .mk-v2-sidebar { height:min(580px,75dvh); }
}
@media (max-width:540px) {
  .mk-studio-split .mk-v2-toolbar { padding:10px 12px!important; gap:10px; }
  .mk-studio-split .mk-v2-toolbar #preview-title { font-size:13px; }
  .mk-studio-split .mk-studio-design-tools { gap:6px; flex-wrap:wrap; }
  .mk-studio-split .mk-studio-design-tools > div:first-child { flex-basis:100%; }
  .mk-studio-split .mk-studio-design-tools .mk-v3-tool-label { display:inline; }
  .mk-studio-split .mk-v3-editor-tools button { width:auto; }
  .mk-studio-split .mk-v3-editor-actions { margin-left:auto; }
  .mk-v3 .mk-studio-split-button { width:32px; min-height:32px; padding:7px; }
  .mk-v3 .mk-studio-split-button span { display:none; }
  .mk-v3 .mk-v3-editor-actions { gap:1px; }
  .mk-v3 .mk-v2-ed-main > header { column-gap:5px; }
}