/* BoothbysWorkShop EPK Studio v11.1. Two-zone desktop editing.
   The preview is the canvas, the left sidebar owns all editing controls.
   Scope to EPK Builder Pro only. No site-wide behavior or decorative 3D. */
@media (min-width:901px) {
  body:has(#previewFrame) .page {max-width:none;padding:14px clamp(12px,1.4vw,26px) 22px}
  body:has(#previewFrame) .intro {align-items:center;gap:18px;margin:0 0 10px}
  body:has(#previewFrame) .intro h1 {font-size:clamp(24px,1.9vw,34px);letter-spacing:-.035em;margin:2px 0;line-height:1.1}
  body:has(#previewFrame) .intro .eyebrow {font-size:10px;letter-spacing:.12em}
  body:has(#previewFrame) .intro p {font-size:12px;max-width:720px;margin:5px 0 0;color:#b8cbdb}
  body:has(#previewFrame) .intro .stat {display:none}
  body:has(#previewFrame) #signStatus {font-size:12px;padding:7px 12px;margin:0 0 9px;line-height:1.35}
  body:has(#previewFrame) .bws9-workflow {display:none}
  body:has(#previewFrame) .bws10-editor-toolbar {padding:8px 11px;margin:0 0 7px;gap:8px;border-radius:10px}
  body:has(#previewFrame) .bws10-editor-title>span:last-child {display:none}
  body:has(#previewFrame) .bws10-page-builder-tips {padding:4px 6px!important;margin:0 0 8px!important;font-size:12px!important;min-height:0!important}
  body:has(#previewFrame) .bws10-page-builder-tips .bws10-hint {display:none}
}
.page .workspace {display:grid;grid-template-columns:minmax(290px,348px) minmax(0,1fr);gap:13px;align-items:start;min-width:0}
.page .workspace>.editor,.page .workspace>.previewcol {min-width:0}
.page .workspace>.editor {display:flex;flex-direction:column;min-height:0;border-radius:13px;background:#10192a;border:1px solid #3b5870}
.page .workspace>.previewcol {border:1px solid #3b5870;border-radius:13px;overflow:hidden;background:#101829}
.bw106-sidebar-heading {display:flex;align-items:center;min-height:53px;padding:10px 15px;background:#142438;border-bottom:1px solid #38516b}
.bw106-sidebar-heading strong {display:block;font-size:12px;letter-spacing:.095em;color:#a2eff5}
.bw106-sidebar-heading small {display:block;font-size:11px;line-height:1.4;color:#b8c9d5;margin-top:3px}
.page .editor .tabs {display:flex;gap:5px;flex-wrap:wrap;overflow:visible;position:static;padding:11px 10px 8px;box-shadow:none;background:#0c182b;border-bottom:1px solid #293e58}
.page .editor .tab {flex:1 1 28%;min-width:92px;min-height:39px;white-space:normal;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid #3e556f;background:#172940;color:#d6e5f3}
.page .editor .tab.active {background:#196071;color:#fff;border-color:#58cadd}
.page .editor .editpanel {padding:16px 18px;min-height:0;max-height:calc(100dvh - 248px);overflow:auto;overscroll-behavior:contain}
.page .editor .editpanel.hidden{display:none}
.page .editor .editpanel h2 {margin-top:1px;font-size:20px}
.page .editor .editpanel label {font-size:13px}
.page .editor .designfilters {grid-template-columns:repeat(2,minmax(0,1fr))}
.page .editor .designgrid {grid-template-columns:repeat(2,minmax(0,1fr))}
/* Quick edit is an alternative sidebar view, not a tiny third desktop column. */
.page .editor .bws10-inspector {display:none;position:relative;min-height:0;max-height:calc(100dvh - 222px);overflow:auto;overscroll-behavior:contain;width:100%;padding:15px 16px 22px;background:#10192a;border:0}
.page .editor.bw106-quick-active .bws10-inspector {display:block}
.page .editor.bw106-quick-active .tabs,.page .editor.bw106-quick-active .editpanel {display:none!important}
.page .editor .bws10-inspector-head {display:grid;gap:5px;margin:10px 0}
.page .editor .bws10-inspector-head small {font-size:11px;color:#77dce9}
.page .editor .bws10-inspector-head strong {font-size:21px;line-height:1.25;color:#f4f9ff}
.page .editor .bws10-inspector p,.page .editor .bws10-inspector>small {font-size:12px;line-height:1.55;color:#b6cadb}
.page .editor .bws10-inspector label {font-size:13px;margin-top:18px}
.page .editor .bws10-inspector textarea {min-height:150px;font-size:14px;line-height:1.5;padding:12px;background:#091526}
.page .editor .bws10-inspector-row {gap:8px;display:grid;grid-template-columns:1fr 1fr;margin:13px 0}
.page .editor .bws10-inspector-row button {font-size:12px;min-height:42px;padding:8px 9px}
.page .editor .bw106-back {display:block;width:100%;min-height:38px;padding:8px 12px;text-align:left;background:#1b3044;border:1px solid #4e7590;border-radius:8px;color:#e0faff;font-size:13px}
.page .editor .bw106-back:hover,.page .editor .bw106-back:focus-visible{background:#245071}
.page .editor .bw105-section-style {margin-top:22px}
/* Preview area is full-width with one horizontal navigator. */
.page .bws10-preview-workspace {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}
.page .bws10-preview-navigator {grid-column:1;grid-row:1;min-width:0;min-height:57px;max-height:none;padding:9px 12px;background:#111e31;border-right:0;border-bottom:1px solid #345270;display:flex;align-items:center;gap:11px;overflow:hidden}
.page .bws10-preview-navigator>strong {flex:0 0 auto;font-size:10px;letter-spacing:.1em;margin:0;color:#86d6e0}
.page #bws10PreviewSections {display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;min-width:0;max-width:100%;padding:2px 0 4px;scrollbar-width:thin}
.page #bws10PreviewSections .bws10-page-link {width:auto;min-width:max-content;min-height:34px;padding:6px 11px;border-radius:17px;background:#1c324a;color:#e0edfb;border:1px solid #435e7b;white-space:nowrap;text-align:center;font-size:12px}
.page #bws10PreviewSections .bws10-page-link:hover,.page #bws10PreviewSections .bws10-page-link:focus-visible {border-color:#69e0ee;background:#24546b}
.page .bws10-preview-workspace>.previewshell {grid-column:1!important;grid-row:2!important;width:100%;max-width:none;margin:0;min-width:0;height:min(75dvh,880px);min-height:480px;max-height:none;overflow:auto!important;padding:14px;background:#0b1422;display:flex;align-items:flex-start;justify-content:flex-start}
.page .bws10-preview-workspace>.previewshell iframe {width:100%;min-width:0;max-width:100%;border-radius:7px;border:1px solid #526d86}
.page .previewbar {position:static;min-height:54px;padding:9px 13px;gap:9px}
.page .previewbar>div:first-child strong {font-size:14px}
.page .bottom {padding:10px 13px;gap:8px}
.page #quickSave,.page #bw106TopSave {background:#18879b;border:1px solid #72e0e9;color:#faffff;box-shadow:inset 0 1px #ffffff24}
.page #bw106TopPublish {border:1px solid #4b7791;background:#172f43;color:#e3f6fb}
.page .bws10-editor-actions {flex-wrap:wrap}
.page .bws10-editor-actions button {min-height:34px;padding:6px 10px}
.page .bws10-view-switch button {min-height:34px}
/* The base page uses a two-column fallback at 1050px and another at 1100px;
   this later, more specific rule restores an actually usable desktop canvas. */
@media (min-width:901px) {
 .page .workspace {grid-template-columns:clamp(290px,24vw,348px) minmax(0,1fr)!important}
 .page .workspace>.previewcol {position:sticky;top:9px}
 .page .workspace>.editor {position:relative}
 .page .bws10-preview-workspace>.previewshell {height:min(75dvh,880px)}
}
@media (min-width:1600px) {
 .page .workspace {grid-template-columns:350px minmax(0,1fr)!important}
 .page .bws10-preview-workspace>.previewshell {height:min(80dvh,1000px)}
}
@media (max-width:900px) {
 body:has(#previewFrame) .intro {margin:7px 0 12px;gap:7px}
 body:has(#previewFrame) .intro h1 {font-size:clamp(28px,7.2vw,37px);line-height:1.12;margin:4px 0}
 body:has(#previewFrame) .intro p {font-size:13px;line-height:1.4;margin:4px 0}
 body:has(#previewFrame) .intro .stat {display:none}
 body:has(#previewFrame) .bws9-workflow {display:none}
 body:has(#previewFrame) #signStatus {font-size:12px;padding:9px 12px;margin-bottom:9px}
 body:has(#previewFrame) .bws10-editor-toolbar {margin:0 0 7px;padding:10px}
 body:has(#previewFrame) .bws10-page-builder-tips {margin:0 0 8px;padding:4px 6px}
 body:has(#previewFrame) .bws10-page-builder-tips .bws10-hint {display:none}
 .page .workspace {grid-template-columns:minmax(0,1fr)!important;gap:10px}
 .bw106-sidebar-heading {min-height:45px;padding:9px 12px}
 .page .editor .editpanel {max-height:none;min-height:0;padding:14px}
 .page .editor .bws10-inspector {max-height:none;overflow:visible}
 .page .bws10-preview-workspace {grid-template-rows:auto minmax(400px,1fr)}
 .page .bws10-preview-navigator {min-height:50px;padding:6px 9px}
 .page .bws10-preview-navigator>strong {display:none}
 .page .bws10-preview-workspace>.previewshell {grid-row:2!important;min-height:440px;height:65dvh;padding:8px}
 .page .bws10-editor-actions {width:auto}
 .page .editor .tabs {padding:8px;gap:5px}
 .page .editor .tab {min-width:80px;flex:1 1 27%}
}
@media (max-width:500px) {
 .page .bws10-editor-toolbar {padding:10px}
 .page .bws10-editor-actions {width:100%}
 .page .bws10-editor-actions button {flex:1 1 38%}
 .page .editor .bws10-inspector-row {grid-template-columns:1fr}
 .page .editor .designgrid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Expanded view remains full-canvas with its native Esc and close behavior. */
.page .workspace.bws10-expanded .previewcol {position:fixed!important;top:10px;overflow:hidden}
.page .workspace.bws10-expanded .bws10-preview-workspace {flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr)}
.page .workspace.bws10-expanded .bws10-preview-workspace>.previewshell {height:100%!important;min-height:0!important;max-height:none!important}
@media (prefers-reduced-motion:reduce) { .page .bws10-preview-workspace *, .page .editor * {scroll-behavior:auto!important;transition:none!important;animation:none!important} }

.page .bw106-fullpage-link {display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:6px 11px;border-radius:8px;border:1px solid #547e98;background:#20354a;color:#e8f8ff;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.page .bw106-fullpage-link:hover,.page .bw106-fullpage-link:focus-visible {background:#28516a;border-color:#75dce8}