.kbar-intro{max-width:62ch;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.kbar-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:start}.kbar-form{min-width:0}.kbar-form fieldset{min-width:0;margin:0 0 1.75rem;padding:1.5rem;border:1px solid #d9dccf;border-radius:16px}.kbar-form legend{padding:0 .5rem;font-size:1.35rem;font-weight:700}.kbar-form label:not(.kbar-confirm){display:grid;gap:.5rem;margin:1rem 0;font-size:1rem;font-weight:600}.kbar-form input:not([type=checkbox]),.kbar-form select,.kbar-form textarea,.kbar-logo-search{width:100%;min-width:0;border:1px solid #aeb4a3;border-radius:7px;padding:.8rem;font:inherit;background:white;color:#20271d}.kbar-form textarea{resize:vertical}.kbar-form select{min-height:48px}.kbar-help{color:#646b5a;font-size:.95rem;line-height:1.5}.kbar-preview-panel{position:sticky;top:1.5rem;border:1px solid #d9dccf;border-radius:16px;padding:1.4rem;text-align:center;background:#fff}.kbar-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}.kbar-preview-heading h2{font-size:1.4rem;margin:0}.kbar-preview-heading span{color:#62643b;font-size:.9rem}.kbar-preview{position:relative;min-height:400px}.kbar-stage{height:min(68vh,690px);min-height:400px;background:#f0f0ed;border-radius:10px;position:relative;overflow:hidden;touch-action:none;cursor:grab;outline-offset:4px}.kbar-stage:active{cursor:grabbing}.kbar-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.kbar-tools{display:flex;justify-content:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.kbar-tools button,.kbar-secondary,.kbar-pager button,.kbar-dialog-heading button,.kbar-logo-remove{border:1px solid #7b815b;border-radius:7px;background:white;color:#405f3b;padding:.65rem 1rem;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.kbar-tools button[aria-pressed=true],.kbar-pager button[aria-current=page]{background:#5c6030;color:white}.kbar-tools button:disabled,.kbar-pager button:disabled{opacity:.4;cursor:default}.kbar-confirm{display:flex;align-items:flex-start;gap:.7rem;line-height:1.5;margin:1.2rem 0}.kbar-confirm input{margin-top:.25rem;width:22px;height:22px;flex:none;accent-color:#5b6032}.kbar-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.8rem 0}.kbar-logo-choice{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;border:1px solid #d9dccf;border-radius:8px;padding:.6rem;background:#fff;text-align:center;cursor:pointer;font:inherit}.kbar-logo-choice img{width:100%;height:90px;object-fit:contain;background:white}.kbar-logo-choice span{font-size:.875rem;line-height:1.35;overflow-wrap:anywhere}.kbar-logo-choice[aria-pressed=true]{border:2px solid #5b6032;background:#f5f4e9}.kbar-logo-selected{display:flex;align-items:center;gap:.7rem;background:#f6f6f1;padding:.6rem;border-radius:8px;margin:.7rem 0;font-size:.9rem}.kbar-logo-selected img{width:64px;height:64px;object-fit:contain;background:white}.kbar-pager{display:flex;gap:.4rem;justify-content:center;align-items:center;flex-wrap:wrap}.kbar-pager button{padding:.4rem .65rem}.kbar-status{font-size:.9rem;color:#646b5a}.kbar-form dl{margin:0}.kbar-form dl div{padding:.6rem 0;border-bottom:1px solid #e2e4da}.kbar-form dt{font-weight:600}.kbar-form dd{margin:.2rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.kbar-photo-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #d9dccf}.kbar-photo-gallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem;max-width:800px}.kbar-photo-gallery figure{margin:0}.kbar-photo-gallery figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#eceae3;border-radius:10px}.kbar-photo-gallery figcaption{padding:.6rem 0;color:#646b5a}.kbar-photo-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-content:start}.kbar-photo-thumbs button{background:#fff;border:1px solid #d9dccf;border-radius:8px;padding:.4rem;cursor:pointer;font:inherit}.kbar-photo-thumbs button[aria-pressed=true]{border:2px solid #5b6032}.kbar-photo-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.kbar-photo-thumbs span{font-size:.875rem}#kbar-preview-dialog{margin:auto;overflow:auto;border:1px solid #d9dccf;border-radius:12px;width:min(1050px,94vw);max-height:95vh;padding:1.25rem;background:#fff;color:#20271d}#kbar-preview-dialog::backdrop{background:#1119}.kbar-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.kbar-dialog-heading h2{font-size:1.4rem}.kbar-dialog-heading button{white-space:nowrap}#kbar-preview-dialog .kbar-stage{height:min(62vh,690px);min-height:0}.kbar-preview-error{padding:1rem;color:#8b3426}[hidden]{display:none!important}@media(max-width:850px){.kbar-builder-layout{grid-template-columns:1fr}.kbar-preview-panel{position:static;grid-row:1}.kbar-stage{height:480px}.kbar-form fieldset{padding:1rem}.kbar-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:450px){.kbar-photo-gallery{grid-template-columns:1fr}.kbar-photo-thumbs{grid-template-columns:repeat(3,1fr)}.kbar-preview-heading{display:block}.kbar-dialog-heading{align-items:flex-start}.kbar-stage{height:420px}}

/* Landscape wood board, matching the Sword Display family. */
.kbar-stage{height:auto;aspect-ratio:1.55;min-height:240px}.kbar-preview{min-height:0}.kbar-style-reference{max-width:760px;margin:1.5rem 0}.kbar-style-reference img{display:block;width:100%;height:auto;border-radius:10px}.kbar-style-reference figcaption{margin-top:.75rem;color:#646b5a}#kbar-preview-dialog{width:min(1300px,96vw)}#kbar-preview-dialog .kbar-stage{height:min(65vh,700px);aspect-ratio:auto;min-height:230px}@media(max-width:850px){.kbar-stage{height:auto}}

.kbar-stage{aspect-ratio:2.15}.kbar-art-slot + .kbar-art-slot{border-top:1px solid #d9dccf;padding-top:1rem;margin-top:1.5rem}.kbar-art-slot h3{font-size:1.05rem;margin:.75rem 0 0}

.kbar-lettering-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}@media(max-width:450px){.kbar-lettering-controls{grid-template-columns:1fr;gap:0}}

/* Keep the landscape board and purchase controls within a phone viewport. */
#kbar-preview-dialog{width:min(960px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:16px;overscroll-behavior:contain}
#kbar-preview-dialog[open]{display:flex;flex-direction:column;gap:12px}
#kbar-preview-dialog .kbar-dialog-heading{flex:none;gap:12px}
#kbar-preview-dialog .kbar-dialog-heading h2{font-size:1.125rem;line-height:1.35;margin:0}
#kbar-preview-dialog .kbar-dialog-heading button{padding:8px 12px}
#kbar-enlarged-preview{min-height:0;overflow:auto;flex:1 1 auto}
#kbar-preview-dialog .kbar-stage{width:100%;height:auto;aspect-ratio:2.15;min-height:0;max-height:48vh;max-height:48dvh}
#kbar-preview-dialog .kbar-tools{gap:6px;margin:0 0 10px}
#kbar-preview-dialog .kbar-tools button{padding:8px 10px;font-size:.875rem}
#kbar-preview-dialog .kbar-help{font-size:.875rem;line-height:1.4;margin:8px 0 0}
.kbar-dialog-actions{flex:none;padding-top:12px;border-top:1px solid #d9dccf;background:#fff}
.kbar-dialog-actions .desk-continue{width:100%;min-height:44px;margin:0}
.kbar-dialog-actions [role=status]{font-size:.875rem;line-height:1.4;margin:8px 0 0}
.kbar-dialog-actions [role=status]:empty{display:none}
@media(max-width:450px){#kbar-preview-dialog{padding:12px}#kbar-preview-dialog .kbar-dialog-heading{align-items:center}#kbar-preview-dialog .kbar-dialog-heading h2{font-size:1rem}}