.tag-manager{gap:1rem;margin-bottom:1rem;padding:1.25rem;display:grid}.tag-manager__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tag-manager__head h2{margin:0;font-size:1.0625rem}.tag-manager__head p{color:var(--bo-muted);margin:.25rem 0 0;font-size:.875rem}.tag-manager__empty{color:var(--bo-muted);margin:0;font-size:.875rem}.tag-manager__new{justify-self:start}.tag-suggestions{gap:.5rem;display:grid}.tag-suggestions__label{color:var(--bo-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.tag-suggestions__list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tag-suggestion{border:1px dashed var(--bo-border-strong);color:var(--bo-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .25rem .125rem .5rem;display:inline-flex}.tag-suggestion:hover:not(:disabled){background:var(--bo-surface-2);border-style:solid}.tag-suggestion:disabled{opacity:.55;cursor:not-allowed}.tag-list{border:1px solid var(--bo-border);border-radius:.75rem;margin:0;padding:0;list-style:none;display:grid}.tag-list__item{border-bottom:1px solid var(--bo-border);padding:.625rem .875rem}.tag-list__item:last-child{border-bottom:0}.tag-list__row{justify-content:space-between;align-items:center;gap:.75rem;min-height:2rem;display:flex}.tag-list__usage{min-width:0;color:var(--bo-muted);flex:1;font-size:.8125rem}.tag-list__usage.is-empty{color:var(--bo-warning);font-weight:600}.tag-list__confirm{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.tag-editor{gap:.875rem;padding:.25rem 0;display:grid}.tag-editor__top{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.tag-editor__top .bo-field{flex:14rem}.tag-editor__preview{gap:.375rem;min-width:8rem;display:grid}.tag-editor__preview>span:first-child{color:var(--bo-muted);font-size:.75rem;font-weight:600}.tag-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.tag-swatch{color:#fff;cursor:pointer;border:2px solid #0000;border-radius:999px;place-items:center;width:1.875rem;height:1.875rem;display:inline-grid}.tag-swatch:hover{transform:scale(1.08)}.tag-swatch:focus-visible{outline:2px solid var(--bo-primary);outline-offset:2px}.tag-swatch.is-selected{border-color:var(--bo-surface);box-shadow:0 0 0 2px var(--bo-text)}.tag-icons{flex-wrap:wrap;gap:.375rem;display:flex}.tag-icon-pair{border:1px solid var(--bo-border);background:var(--bo-surface-2);border-radius:.75rem;gap:2px;padding:2px;display:inline-flex}.tag-icon-pair .tag-icon-option{border-color:#0000;border-radius:.5rem;min-width:2rem;height:2rem;padding:0 .375rem}.tag-icon-pair .tag-icon-option.is-selected{border-color:var(--bo-primary)}.tag-icon-option{border:1px solid var(--bo-border);background:var(--bo-surface);min-width:2.25rem;height:2.25rem;color:var(--bo-text);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:.375rem;padding:0 .5rem;display:inline-flex}.tag-icon-option__label{font-size:.8125rem}.tag-icon-option:hover{background:var(--bo-surface-3)}.tag-icon-option:focus-visible{outline:2px solid var(--bo-primary);outline-offset:1px}.tag-icon-option.is-selected{border-color:var(--bo-primary);background:color-mix(in srgb, var(--bo-primary) 14%, var(--bo-surface));box-shadow:0 0 0 1px var(--bo-primary)}.bo-product-tags{margin-top:.25rem}.tag-picker{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tag-pick{cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.25rem;padding:0;display:inline-flex}.tag-pick:focus-visible{outline:2px solid var(--bo-primary);outline-offset:2px}.tag-pick__box{border:1.5px solid var(--bo-border-strong);background:var(--bo-surface);width:1.25rem;height:1.25rem;color:var(--bo-muted);border-radius:.375rem;flex:none;place-items:center;display:inline-grid}.tag-pick{border:1px solid var(--bo-border);background:var(--bo-surface);padding:.25rem .5rem .25rem .375rem}.tag-pick:hover{border-color:var(--bo-border-strong);background:var(--bo-surface-2)}.tag-pick.is-on{border-color:var(--bo-primary);background:color-mix(in srgb, var(--bo-primary) 10%, var(--bo-surface))}.tag-pick.is-on .tag-pick__box{border-color:var(--bo-primary);background:var(--bo-primary);color:var(--bo-primary-ink)}.tag-picker__hint,.tag-picker__count{color:var(--bo-muted);font-size:.8125rem}
.bo-customer-theme{min-width:0}.bo-customer-theme :is(button,input,textarea,select):focus-visible{outline:.1875rem solid var(--bo-primary);outline-offset:.1875rem}.bo-customer-theme :is(button,select,input:not([type=checkbox])){min-height:2.75rem}.bo-customer-theme button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.bo-customer-theme__actions{align-items:center;gap:.75rem;display:flex}.bo-customer-save-status{color:var(--bo-success);align-items:center;gap:.375rem;font-size:.75rem;display:inline-flex}.bo-customer-save-status.is-dirty{color:var(--bo-warning)}.bo-customer-save-status>svg{flex:none}.bo-customer-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:16rem;padding:2rem;display:flex}.bo-customer-state h2{margin:0;font-size:1rem}.bo-customer-state p{max-width:32rem;color:var(--bo-muted);margin:0;line-height:1.5}.bo-customer-state>svg{color:var(--bo-muted)}.bo-customer-scope{border:1px solid var(--bo-border);background:var(--bo-surface);border-radius:.75rem;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding:.875rem 1rem;display:flex}.bo-customer-scope svg{color:var(--bo-success);flex:none}.bo-customer-scope p{color:var(--bo-muted);overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.5}.bo-customer-scope strong{color:var(--bo-text)}.bo-customer-notice{color:var(--bo-text);border:1px solid var(--bo-border);background:var(--bo-surface-2);overflow-wrap:anywhere;border-radius:.625rem;margin-bottom:1.125rem;padding:1rem;font-size:.875rem;line-height:1.5}.bo-customer-notice--error{border-color:color-mix(in srgb, var(--bo-danger) 40%, transparent);background:var(--bo-danger-soft)}.bo-customer-theme__layout{grid-template-columns:minmax(19rem,.9fr) minmax(0,1.35fr);align-items:start;gap:1.125rem;display:grid}.bo-customer-theme__controls{min-width:0;padding:1.25rem}.bo-customer-tabs{background:var(--bo-surface-3);border-radius:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin-bottom:1.5rem;padding:.3125rem;display:grid}.bo-customer-tabs button{min-width:0;color:var(--bo-muted);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:.5rem;padding:.625rem .375rem;font:600 .8125rem/1.3 inherit}.bo-customer-tabs button.is-active{background:var(--bo-surface);color:var(--bo-text);box-shadow:0 .125rem .375rem #102a2410}.bo-customer-fields{border:0;min-width:0;margin:0;padding:0}.bo-customer-fields>[hidden]{display:none}.bo-customer-fields>[role=tabpanel]:focus-visible{outline-offset:.3125rem}.bo-customer-section+.bo-customer-section{border-top:1px solid var(--bo-border);margin-top:1.5rem;padding-top:1.5rem}.bo-customer-section h2{color:var(--bo-text);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9375rem;font-weight:700;display:flex}.bo-customer-section .bo-field{margin-bottom:1rem}.bo-customer-section .bo-field:last-child{margin-bottom:0}.bo-customer-section .bo-field>span{font-size:.8125rem}.bo-customer-section .bo-field :is(input,textarea){width:100%;min-width:0;font-family:inherit;font-size:.875rem}.bo-customer-section .bo-field textarea{resize:vertical;min-height:6rem}.bo-customer-section .bo-field>small{color:var(--bo-muted);font-size:.75rem;line-height:1.5;display:block}.bo-customer-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.bo-customer-preset{min-width:0;color:var(--bo-text);border:1px solid var(--bo-border);background:var(--bo-surface-2);cursor:pointer;border-radius:.625rem;flex-direction:column;gap:.625rem;padding:.625rem;display:flex}.bo-customer-preset.is-active{border-color:var(--bo-success);box-shadow:0 0 0 1px var(--bo-success)}.bo-customer-preset>span:last-child{justify-content:space-between;align-items:center;gap:.125rem;width:100%;font-size:.75rem;font-weight:600;display:flex}.bo-customer-preset__colors{border-radius:.3125rem;width:100%;height:1.75rem;display:flex;overflow:hidden}.bo-customer-preset__colors i{flex:1}.bo-customer-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem .625rem;display:grid}.bo-customer-color{flex-direction:column;gap:.4375rem;min-width:0;font-size:.75rem;display:flex}.bo-customer-color>span:first-child{color:var(--bo-muted);font-weight:600}.bo-customer-color__input{border:1px solid var(--bo-border);background:var(--bo-surface-2);border-radius:.5625rem;align-items:center;gap:.375rem;min-width:0;padding-right:.375rem;display:flex}.bo-customer-color__input>input{cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;padding:.3125rem}.bo-customer-color__input>span{min-width:0;color:var(--bo-text);font-family:var(--font-mono), monospace;font-size:.75rem}.bo-customer-choice+.bo-customer-choice{margin-top:1rem}.bo-customer-choice>span{color:var(--bo-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.bo-customer-choices{flex-wrap:wrap;gap:.5rem;display:flex}.bo-customer-choices button,.bo-customer-preview-views button{min-width:0;color:var(--bo-muted);border:1px solid var(--bo-border);background:var(--bo-surface-2);cursor:pointer;border-radius:.5rem;flex:4.5rem;padding:.5625rem .625rem;font-family:inherit;font-size:.8125rem}.bo-customer-choices button.is-active,.bo-customer-preview-views button.is-active{color:var(--bo-text);border-color:var(--bo-success);background:var(--bo-success-soft);font-weight:700}.bo-customer-radius{margin-bottom:1rem;display:block}.bo-customer-radius>span{color:var(--bo-muted);justify-content:space-between;gap:.625rem;font-size:.8125rem;display:flex}.bo-customer-radius strong{color:var(--bo-text)}.bo-customer-radius input{width:100%;height:2.75rem;accent-color:var(--bo-success);cursor:pointer;margin:0;display:block}.bo-customer-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.625rem 0;display:flex}.bo-customer-switch+.bo-customer-switch{border-top:1px solid var(--bo-border)}.bo-customer-switch>span{min-width:0}.bo-customer-switch strong{color:var(--bo-text);font-size:.8125rem;line-height:1.4;display:block}.bo-customer-switch small{color:var(--bo-muted);margin-top:.25rem;font-size:.75rem;line-height:1.5;display:block}.bo-customer-switch input{appearance:none;border:1px solid var(--bo-border-strong);background:var(--bo-surface-3);cursor:pointer;border-radius:2rem;flex:0 0 2.75rem;width:2.75rem;height:1.625rem;margin:0;position:relative}.bo-customer-switch input:before{background:var(--bo-muted);content:"";border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .14s;position:absolute;top:.1875rem;left:.1875rem}.bo-customer-switch input:checked{border-color:var(--bo-success);background:var(--bo-success)}.bo-customer-switch input:checked:before{background:#fff;transform:translate(1.125rem)}.bo-customer-fields:disabled .bo-customer-switch{cursor:default}.bo-customer-fields:disabled :is(input,textarea){cursor:not-allowed;opacity:.65}.bo-customer-helper{color:var(--bo-muted);margin:.75rem 0 0;font-size:.75rem;line-height:1.6}.bo-customer-helper+.bo-button{margin-top:1rem}.bo-customer-motion{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.bo-customer-motion button{min-width:0;color:var(--bo-text);border:1px solid var(--bo-border);background:var(--bo-surface-2);text-align:left;cursor:pointer;border-radius:.625rem;padding:1rem;font-family:inherit}.bo-customer-motion button.is-active{border-color:var(--bo-success);background:var(--bo-success-soft)}.bo-customer-motion button>span{justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.bo-customer-motion button>small{color:var(--bo-muted);font-size:.75rem;line-height:1.5;display:block}.bo-customer-theme__reset{border-top:1px solid var(--bo-border);flex-wrap:wrap;gap:.625rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.bo-customer-theme__reset>p{color:var(--bo-muted);flex:0 0 100%;margin:0;font-size:.75rem;line-height:1.5}.bo-customer-theme__preview{background:var(--bo-surface-2);min-width:0;padding:1.25rem;position:sticky;top:6rem}.bo-customer-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.bo-customer-preview-toolbar h2{color:var(--bo-text);align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:700;display:flex}.bo-customer-preview-selects{flex-wrap:wrap;gap:.625rem;margin-bottom:.75rem;display:flex}.bo-customer-preview-selects>label{min-width:0;color:var(--bo-muted);flex:12rem;gap:.375rem;font-size:.75rem;font-weight:600;display:grid}.bo-customer-preview-selects select{width:100%;min-width:0;color:var(--bo-text);border:1px solid var(--bo-border);background:var(--bo-surface);font:inherit;border-radius:.5rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:400}.bo-customer-preview-views{flex-wrap:wrap;gap:.375rem;margin-bottom:1.125rem;display:flex}.bo-customer-preview-views>button{flex-basis:3.5rem}.bo-customer-preview-stage{--customer-preview-height:64dvh;justify-content:center;width:100%;min-width:0;display:flex}.bo-customer-preview-frame{background:var(--bo-surface);outline:1px solid var(--bo-border-strong);border-radius:.5rem;width:100%;position:relative;overflow:hidden;box-shadow:0 1rem 2.5rem #0a231b12}.bo-customer-preview-canvas{transform-origin:0 0;color-scheme:normal;border:0;display:block;position:absolute;inset:0 auto auto 0}.bo-customer-preview-loading{color:var(--bo-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:flex;position:absolute;inset:0}.bo-customer-preview-caption{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-top:1rem;display:flex}.bo-customer-preview-caption p{color:var(--bo-muted);flex:16rem;margin:0;font-size:.75rem;line-height:1.5}.bo-customer-replay{border:1px solid var(--bo-border);background:var(--bo-surface);color:var(--bo-text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-family:inherit;font-size:.75rem;display:inline-flex}.bo-customer-preview-dialog{border:1px solid var(--bo-border);background:var(--bo-surface);width:min(96dvw,110rem);max-width:96dvw;max-height:96dvh;color:var(--bo-text);border-radius:.875rem;padding:0}.bo-customer-preview-dialog::backdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#030a12c9}.bo-customer-preview-dialog__content{padding:clamp(.75rem,2dvw,1.5rem)}.bo-customer-preview-dialog .bo-customer-preview-stage{--customer-preview-height:calc(96dvh - 18rem)}.bo-customer-preview-dialog .bo-customer-preview-selects,.bo-customer-preview-dialog .bo-customer-preview-views{max-width:48rem}.bo-customer-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:75rem){.bo-customer-theme__layout{grid-template-columns:minmax(18rem,1fr) minmax(0,1fr)}.bo-customer-theme__controls,.bo-customer-theme__preview{padding:1rem}}@media (max-width:60rem){.bo-customer-theme__layout{grid-template-columns:minmax(0,1fr)}.bo-customer-theme__preview{position:static}.bo-customer-theme__actions{justify-content:flex-start}.bo-customer-preview-stage{--customer-preview-height:70dvh}}@media (max-width:32.5rem){.bo-customer-theme .bo-page-heading{flex-direction:column;align-items:stretch;gap:1.125rem}.bo-customer-theme__actions{align-items:stretch}.bo-customer-theme__actions .bo-button,.bo-customer-save-status{flex:100%}.bo-customer-theme__controls,.bo-customer-theme__preview{padding:.875rem}.bo-customer-section .bo-field :is(input,textarea),.bo-customer-preview-selects select{font-size:1rem}.bo-customer-tabs button{font-size:.75rem}.bo-customer-color__input{gap:0}.bo-customer-color__input>span{font-size:.625rem}.bo-customer-preset{padding:.5rem}.bo-customer-theme__reset .bo-button{width:100%}.bo-customer-motion{grid-template-columns:minmax(0,1fr)}.bo-customer-preview-views button{padding-inline:.5rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.bo-customer-switch input:before{transition:none}}