/* BoothbysWorkShop v10.0: EPK creator — editor, actual-page preview, section navigator.
   Flat, purposeful UI. 3D augmentation remains On Air only. */
.bws10-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:10px 0;border:1px solid #3f536f;border-radius:12px;background:#101b32}
.bws10-editor-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bws10-editor-title strong{font-size:14px}.bws10-editor-title>span:last-child{font-size:12px;color:#b7bdd2}
.bws10-editor-signal{width:10px;height:10px;border-radius:50%;background:#4bcbd5;box-shadow:0 0 0 3px #4bcbd522}
.bws10-view-switch{display:flex;gap:5px;padding:3px;border-radius:10px;border:1px solid #4d536e}
.bws10-view-switch button{min-height:36px;padding:6px 16px;background:transparent;color:#c8c8e0}.bws10-view-switch button[aria-pressed=true]{background:#31677b;color:white}
.workspace{align-items:start}.workspace>.editor,.workspace>.previewcol{min-width:0}
.workspace>.previewcol{position:sticky;top:10px}
.editor .tabs{position:sticky;top:0;z-index:15;box-shadow:0 4px 15px #0005;flex-wrap:nowrap}
.editor .tab{border-radius:7px;flex:0 0 auto}
.editor .editpanel{max-height:calc(100dvh - 178px);min-height:400px;overflow:auto;overscroll-behavior:contain}
.bws10-brand-panel{padding:13px;margin:13px 0 17px;border-radius:13px;background:#0d1930;border:1px solid #3e486b}
.bws10-brand-panel h3,.bws10-section-manager h3{font-size:1.04rem;margin:3px 0 9px}
.bws10-brand-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bws10-brand-row>label:last-child{grid-column:1/-1}
.bws10-brand-panel label{margin:5px 0}.bws10-brand-row input[type=color]{min-height:45px;padding:5px;cursor:pointer}
.bws10-brand-panel .outline{margin-top:9px}
.bws10-section-manager{margin:16px 0;background:#0f192d;border:1px solid #3d506a;border-radius:12px;padding:12px}
.bws10-section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #32364e}
.bws10-section-row:last-child{border:0}.bws10-section-row>span:first-child{font-size:13px;font-weight:650}.bws10-section-row.muted>span:first-child{opacity:.55;text-decoration:line-through}
.bws10-order-buttons{display:flex;gap:5px}.bws10-order-buttons button{min-height:33px;padding:5px 9px;font-size:12px}
.bws10-preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
#bws10ExpandPreview{font-size:12px;min-height:35px;padding:6px 11px}
.bws10-preview-workspace{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:550px}
.bws10-preview-navigator{background:#11162a;border-right:1px solid #373d60;padding:14px 8px;align-self:stretch}
.bws10-preview-navigator strong{display:block;font-size:10px;letter-spacing:.13em;color:#b5b5d6;margin:0 7px 13px}
#bws10PreviewSections{display:flex;flex-direction:column;gap:5px}
.bws10-page-link{background:transparent;border:1px solid transparent;color:#c5c7e0;font-weight:600;font-size:12px;text-align:left;min-height:38px;padding:8px 9px;width:100%}
.bws10-page-link:hover,.bws10-page-link:focus-visible{background:#1c2844;border-color:#48547b}
.workspace .previewshell{height:min(72dvh,900px);min-height:550px;overflow:auto!important;overscroll-behavior:contain;display:flex!important;align-items:flex-start;justify-content:flex-start}
.workspace .previewshell iframe{max-width:100%;flex:none;min-height:650px!important;border:1px solid #5e5d80;box-shadow:0 10px 28px #0006;transition:width .2s ease}
.workspace .previewshell.mobile,.workspace .previewshell.tablet{justify-content:center}
.workspace .bottom{border-top:1px solid #414568}.workspace .bottom #status{max-width:60ch}
.workspace.bws10-expanded .previewcol{position:fixed!important;inset:10px;z-index:10000;background:#10182b;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #050611ed;overflow:hidden}
.workspace.bws10-expanded .bws10-preview-workspace{flex:1;min-height:0;overflow:hidden}
.workspace.bws10-expanded .previewshell{height:100%;min-height:0!important;max-height:none;overscroll-behavior:contain}
.workspace.bws10-expanded .previewbar,.workspace.bws10-expanded .bottom{flex:none}
.workspace .devicebar button{min-height:35px;font-size:12px}
/* make cards communicate truly different composition rather than recolored identical boxes */
.look .display .mini-hero{height:var(--mini-hero-size,58%)}
.look .display.arch-editorial-cover .mini-hero{border-bottom:5px solid var(--cardaccent)}
.look .display.arch-split-portrait{grid-template-columns:1fr 1fr;grid-template-rows:9px 1fr}
.look .display.arch-split-portrait .mini-nav{grid-column:1/-1}
.look .display.arch-split-portrait .mini-hero{height:100%;grid-row:2;grid-column:1}
.look .display.arch-split-portrait .mini-content{grid-row:2;grid-column:2;flex-direction:column}
.look .display.arch-monolith .mini-hero{height:75%;border-radius:0}
.look .display.arch-monolith .mini-hero b{font-size:20px}
.look .display.arch-artist-timeline .mini-content{flex-direction:column;border-left:3px solid var(--cardaccent);padding-left:5px}
.look .display.arch-press-grid .mini-content{display:grid;grid-template-columns:1fr 1fr 1fr}
.look .display.arch-press-grid .mini-content i{min-height:13px}
.look .display.arch-music-first .mini-content{border-top:4px solid var(--cardaccent)}
.look .display.arch-poster-stack .mini-hero{transform:rotate(-5deg);box-shadow:5px 5px 0 var(--cardaccent)}
.look .display.arch-minimal .mini-nav{display:none}
.look .display.arch-sidebar,.look .display.arch-tour-dossier{grid-template-columns:25% 1fr}
.look .display.arch-sidebar .mini-nav,.look .display.arch-tour-dossier .mini-nav{grid-row:1/4;grid-column:1;height:100%;display:flex;flex-direction:column}
.look .display.arch-sidebar .mini-hero,.look .display.arch-tour-dossier .mini-hero{grid-column:2}
.look .display.arch-sidebar .mini-content,.look .display.arch-tour-dossier .mini-content{grid-column:2}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr)!important}.editor .editpanel{max-height:none}.workspace>.previewcol{position:relative;top:0}.workspace .previewshell{height:min(78dvh,850px)}}
@media(max-width:900px){.bws10-view-switch{width:100%;justify-content:stretch}.bws10-view-switch button{flex:1}.workspace:not(.bws10-show-preview)>.previewcol{display:none}.workspace.bws10-show-preview>.editor{display:none}.workspace.bws10-show-preview>.previewcol{display:block}.workspace.bws10-expanded>.editor{display:none}.bws10-preview-workspace{grid-template-columns:1fr}.bws10-preview-navigator{border-right:0;border-bottom:1px solid #3a4561;padding:9px;overflow:auto}.bws10-preview-navigator strong{display:none}#bws10PreviewSections{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto}#bws10PreviewSections button{width:max-content;min-width:max-content}.workspace .previewshell{min-height:510px;height:65dvh;padding:9px}.previewbar{padding:10px!important}.previewbar>div:first-child{width:100%}.workspace .bottom{padding:9px!important}}
@media(max-width:490px){.bws10-brand-row{grid-template-columns:1fr}.bws10-brand-row>label:last-child{grid-column:auto}.editor .editpanel{padding:13px}.designgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.designfilters{grid-template-columns:1fr 1fr!important}.devicebar button{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.workspace *{scroll-behavior:auto!important;transition:none!important}}