/* One compact progress strip, one action strip, and the rest for the design. */
.board-expand-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.board-expand-bar>p{margin:0;color:var(--board-muted);font-size:14px;line-height:1.5}
.board-expand-bar>[data-board-fullscreen]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid var(--board-plum);border-radius:3px;background:var(--board-plum);color:#fffaf3;font:600 14px/1.4 'Work Sans',sans-serif;cursor:pointer}
.board-expand-bar>[data-board-fullscreen]:hover{background:#43266f}
.board-expand-bar>[data-board-fullscreen]>svg{flex:none}
.btc-board-fullscreen.btc-board-dialog{--board-fullscreen-gutter:clamp(16px,3vw,40px);width:100%;max-width:100%;height:var(--btc-modal-height,100dvh);max-height:var(--btc-modal-height,100dvh);inset:var(--btc-modal-top,0) 0 auto;margin:0;border-radius:0;background:#fff}
.btc-board-fullscreen>.btc-board-studio{padding:0 var(--board-fullscreen-gutter)}
.btc-board-fullscreen .board-intro,.btc-board-fullscreen .board-expand-bar{display:none}
.btc-board-fullscreen .btc-board-studio .board-flow-nav{display:grid;grid-template-columns:repeat(3,auto) minmax(0,1fr) auto;align-items:center;gap:16px;position:static;flex:none;min-height:52px;padding:3px var(--board-fullscreen-gutter);margin:0 calc(-1 * var(--board-fullscreen-gutter));border:0;border-bottom:1px solid #d6ad25;background:#30203e}
.btc-board-fullscreen .btc-board-studio .board-flow-nav>[data-board-stage]{display:flex;grid-row:1;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:6px 12px;border:0;border-bottom:2px solid transparent;border-radius:2px;background:transparent;color:#e5d9ee;font:500 14px/1.35 'Work Sans',sans-serif;text-align:center}
.btc-board-fullscreen .btc-board-studio .board-flow-nav>[data-board-stage]>span{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #a38caf;border-radius:50%;background:none;color:inherit;font:400 14px/1 Castoro,serif}
.btc-board-fullscreen .btc-board-studio .board-flow-nav>[aria-current=step]{border-bottom-color:#ffd200;color:#fffaf3;font-weight:650}
.btc-board-fullscreen .btc-board-studio .board-flow-nav>[aria-current=step]>span{border-color:#ffd200;background:#ffd200;color:#30203e}
.btc-board-fullscreen .board-fullscreen-caption{display:none}
.btc-board-fullscreen .btc-board-studio .board-flow-nav>.board-fullscreen-exit{display:inline-flex;grid-column:5;grid-row:1;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;margin:0;border:1px solid transparent;border-radius:3px;background:transparent;color:#fffaf3;font:600 14px/1.3 'Work Sans',sans-serif;white-space:nowrap;cursor:pointer}
.btc-board-fullscreen .board-fullscreen-exit:hover{border-color:#9c82ac}
.btc-board-fullscreen .board-flow-nav :is(button,a):focus-visible{outline:2px solid #ffd200;outline-offset:-3px}
/* Keep live guidance available to assistive technology without repeating the page headings. */
.btc-board-fullscreen .btc-board-studio .board-flow-tools{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0;white-space:nowrap}
.btc-board-fullscreen[data-board-feedback=true] .btc-board-studio .board-flow-tools{position:static;grid-column:1/-1;grid-row:2;width:auto;height:auto;clip-path:none;overflow:visible;padding:8px 12px;margin:0;background:#fff1da;white-space:normal}
.btc-board-fullscreen[data-board-feedback=true] [data-board-flow-status]{margin:0;color:#603c12;font-size:14px;line-height:1.5}
.btc-board-fullscreen .board-flow-retry{grid-column:1/-1;grid-row:3;margin:0;min-height:44px}
.btc-board-fullscreen .btc-board-studio .board-workspace{padding-block:16px;scroll-padding-top:16px}
.btc-board-fullscreen .board-preview-sticky{top:0}
.btc-board-fullscreen .btc-board-studio .board-scene{width:min(100%,calc((var(--btc-modal-height,100dvh) - 204px) * 222 / 142));height:auto!important;aspect-ratio:222/142;margin-inline:auto}
.btc-board-fullscreen .board-preview-heading :is([data-board-show-designs],[data-board-enlarge]){display:none}
.btc-board-fullscreen[data-board-feedback=false] .board-preview-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;min-height:0;padding:0}
.btc-board-fullscreen .board-review-copy>[data-board-return-words]{min-height:44px;padding:6px 0;border:0;background:none;color:#55328b;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.btc-board-fullscreen .btc-board-studio .board-actionbar{display:flex;flex:none;position:static;inset:auto;min-height:52px;width:auto;padding:3px var(--board-fullscreen-gutter);margin:0 calc(-1 * var(--board-fullscreen-gutter));gap:0;border-top:1px solid #d9cce2;background:#f7f3fa;color:#30203e}
.btc-board-fullscreen .board-action-summary{display:none}
.btc-board-fullscreen .btc-board-studio .board-action-buttons{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0;width:100%;gap:10px}
.btc-board-fullscreen .btc-board-studio .board-action-buttons>:is(button,a){min-height:44px;min-width:0;padding:7px 16px;margin:0;font-size:14px;line-height:1.3}
.btc-board-fullscreen .btc-board-studio .board-action-buttons>[data-board-design-preview]{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-right:auto;border:1px solid transparent;background:#eee5f4;color:#55328b;border-radius:3px;font-weight:600;box-shadow:none}
.btc-board-fullscreen [data-board-design-preview]:not(:disabled):hover{background:#eee5f4}
.btc-board-fullscreen .btc-board-studio .board-action-buttons>[data-board-flow-back]{border:0;background:transparent;color:#55328b}
.btc-board-fullscreen .btc-board-studio .board-action-buttons>[data-board-save]{border-color:#e3b900;color:#30203e}
@media(min-width:701px) and (max-width:1600px) and (min-height:501px) and (max-height:950px){
 .btc-board-fullscreen .is-laptop-flow .board-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
 .btc-board-fullscreen .is-laptop-flow:not([data-board-flow="2"]) .board-preview-column{border-left:1px solid #eee7f1;padding-left:24px}
 /* Establish the picker grid only in step 1; later steps retain their visibility rules. */
 .btc-board-fullscreen .is-laptop-flow[data-board-flow="0"] .board-design-library{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,38%);align-content:start;gap:12px 16px;container-type:inline-size}
 .btc-board-fullscreen .is-laptop-flow .board-design-library>.board-section-heading{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:2px 12px;float:none;min-width:0;margin:0}
 .btc-board-fullscreen .is-laptop-flow .board-design-library h3{font:400 24px/1.2 Castoro,serif;margin:0;letter-spacing:-.025em}
 .btc-board-fullscreen .is-laptop-flow .board-design-library .board-section-heading small{font-size:13px;margin:0;color:#716573}
 .btc-board-fullscreen .is-laptop-flow .board-selection-note,.btc-board-fullscreen .is-laptop-flow .board-collection-heading,.btc-board-fullscreen .is-laptop-flow .board-theme-hint{display:none}
 .btc-board-fullscreen .is-laptop-flow .board-design-filters{grid-column:2;grid-row:1;display:block;float:none;margin:0}
 .btc-board-fullscreen .is-laptop-flow .board-design-filters>label{display:block;width:100%}
 .btc-board-fullscreen .is-laptop-flow .board-design-filters input{min-height:44px;width:100%;padding:8px 12px;border-color:#e1d7e7;border-radius:3px;font-size:14px;background:#fff}
 .btc-board-fullscreen .is-laptop-flow .board-category-navigation{grid-column:1/-1;grid-row:2;margin:0 0 4px;padding:0;border:0;border-bottom:1px solid #e4dae9;border-radius:0;background:transparent}
 .btc-board-fullscreen .is-laptop-flow .board-collection-tabs{gap:4px;padding:0}
 .btc-board-fullscreen .is-laptop-flow .board-collection-tabs button{min-height:44px;padding:7px 10px;border:0;border-bottom:2px solid transparent;border-radius:3px 3px 0 0;background:none;color:#716573;font-weight:500}
 .btc-board-fullscreen .is-laptop-flow .board-collection-tabs button[aria-pressed=true]{border-bottom-color:#55328b;background:#f3edf7;color:#55328b;font-weight:600}
 .btc-board-fullscreen .is-laptop-flow .board-collection-tabs small{min-width:20px;height:20px;background:#f3edf7;color:#55328b}
 .btc-board-fullscreen .is-laptop-flow .board-collection-tabs button[aria-pressed=true] small{background:#fff;color:#55328b}
 .btc-board-fullscreen .is-laptop-flow .board-theme-picker{grid-column:1/-1;gap:16px 12px}
 .btc-board-fullscreen .is-laptop-flow .board-theme-picture{flex:0 0 auto;width:100%;padding:3px;border-color:#eee7f1;border-radius:4px;background:#fff}
 .btc-board-fullscreen .is-laptop-flow .board-theme-picker button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;font-size:14px;line-height:1.4;padding-bottom:6px}
 .btc-board-fullscreen .is-laptop-flow .board-theme-pages{grid-column:1/-1;margin:0;font-size:14px}
 .btc-board-fullscreen .is-laptop-flow .board-preview-tip{font-size:13px;margin:8px 0}
 .btc-board-fullscreen .is-laptop-flow:is([data-board-flow="0"],[data-board-flow="2"]) .board-preview-tip{display:none}
 .btc-board-fullscreen .is-laptop-flow .board-preview-status{font-size:13px;line-height:1.5;margin:4px 0}
 @container(max-width:460px){
  .btc-board-fullscreen .is-laptop-flow .board-design-library>.board-section-heading{grid-column:1/-1;grid-row:1;flex-wrap:nowrap;justify-content:space-between}
  .btc-board-fullscreen .is-laptop-flow .board-design-filters{grid-column:1/-1;grid-row:2}
  .btc-board-fullscreen .is-laptop-flow .board-category-navigation{grid-row:3}
 }
}
@media(min-width:1601px) and (min-height:501px),(min-width:701px) and (min-height:951px){
 .btc-board-fullscreen .btc-board-studio .board-flow-nav{grid-template-columns:1fr auto}
 .btc-board-fullscreen .btc-board-studio .board-flow-nav>[data-board-stage]{display:none}
 .btc-board-fullscreen .board-fullscreen-caption{display:block;grid-row:1;color:#fffaf3;font:400 18px/1.4 Castoro,serif}
 .btc-board-fullscreen .btc-board-studio .board-flow-nav>.board-fullscreen-exit{grid-column:2}
}
@media(max-width:700px),(max-height:500px){
 .board-expand-bar{justify-content:flex-end;margin-bottom:16px}
 .board-expand-bar>p{display:none}
 .btc-board-fullscreen.btc-board-dialog{--board-fullscreen-gutter:12px}
 .btc-board-fullscreen>.btc-board-studio{padding:0 12px}
 .btc-board-fullscreen .btc-board-studio .board-flow-nav{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:2px;padding-inline:8px;margin-inline:-12px}
 .btc-board-fullscreen .btc-board-studio .board-flow-nav>[data-board-stage]{gap:0;min-height:44px;padding:6px 4px;font-size:14px}
 .btc-board-fullscreen .btc-board-studio .board-flow-nav>[data-board-stage]>span{display:none}
 .btc-board-fullscreen .btc-board-studio .board-flow-nav>.board-fullscreen-exit{grid-column:4;margin:0 0 0 6px;padding:6px 10px;font-size:14px}
 .btc-board-fullscreen .btc-board-studio .board-workspace{padding:16px 4px}
 .btc-board-fullscreen .btc-board-studio .board-action-buttons{gap:6px}
 .btc-board-fullscreen .btc-board-studio .board-action-buttons>:is(button,a){padding:7px 9px;font-size:14px;min-height:44px}
 .btc-board-fullscreen .btc-board-studio .board-action-buttons>[data-board-flow-back]{padding-inline:6px}
}