/* Dedicated label workspace, sized to the available viewport. */

.btc-label-offer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem 0;margin:1.25rem 0;border-block:1px solid #ded4e8;color:#362d3c}
.btc-label-offer h3{font:600 1rem/1.3 'Work Sans',sans-serif;margin:0 0 .4rem}.btc-label-offer p{font-size:.875rem;line-height:1.5;margin:0;max-width:35ch;color:#6c5c77}
.btc-label-personalise{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;padding:.7rem 1rem;border:1px solid #55328b;background:#f3eef8;color:#55328b;font:600 .875rem/1.3 'Work Sans',sans-serif;cursor:pointer}
.btc-label-personalise:hover{background:#e9def4}.btc-label-offer .btc-label-format-hint{flex-basis:100%;color:#654619;max-width:none}.btc-label-clear{background:none;border:0;padding:0;text-decoration:underline;min-height:2rem;color:#6c5c77;font-size:.8125rem;cursor:pointer}
.btc-product-label-dialog{width:min(67rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);height:min(53rem,calc(100dvh - 2rem));padding:0;border:0;background:#fffcf8;color:#362d3c;overflow:hidden}
.btc-product-label-dialog[open]{display:flex;flex-direction:column}.btc-product-label-dialog::backdrop{background:#201725a6}
.btc-product-label-header,.btc-product-label-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;flex:none;background:#fffcf8}.btc-product-label-header{border-bottom:1px solid #ded4e8}.btc-product-label-header h2{font:400 1.8rem/1.15 'Castoro',serif;margin:0 0 .3rem}.btc-product-label-header p{max-width:none;font-size:.8125rem;margin:0}.btc-label-dialog-close{width:2.75rem;height:2.75rem;border:0;background:none;font-size:1.8rem;cursor:pointer;color:#55328b}
.btc-product-label-workspace{overflow:auto;overscroll-behavior:contain;min-height:0;padding:1.5rem;flex:1}.btc-product-label-dialog .btc-studio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem;align-items:start;font-family:'Work Sans',sans-serif}
.btc-product-label-dialog .btc-proof-panel{position:sticky;top:0;padding:1.25rem;background:#f2edf7;width:100%;max-width:none}.btc-product-label-dialog .btc-template-picker{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.btc-product-label-dialog .btc-proof-stage{max-width:21rem;margin-inline:auto}.btc-product-label-dialog .btc-studio-controls{min-width:0}.btc-product-label-dialog .btc-studio-options{gap:1rem}.btc-product-label-dialog .btc-studio-controls label{font-size:.875rem}.btc-product-label-dialog .btc-studio-controls input,.btc-product-label-dialog .btc-studio-controls textarea{font-size:1rem}
.btc-product-label-footer{border-top:1px solid #ded4e8}.btc-label-original{background:none;border:0;text-decoration:underline;color:#6c5c77;font:400 .875rem/1.3 'Work Sans',sans-serif;min-height:2.75rem;cursor:pointer}.btc-product-label-footer .button{min-height:2.75rem;margin:0}.btc-product-label-footer .button:disabled{opacity:.45;cursor:not-allowed}
.btc-message-help{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:-.5rem 0 1.25rem}.btc-message-help p{font-size:.8rem;line-height:1.5;margin:0;max-width:38ch;color:#75647e}.btc-message-help button{border:0;background:none;padding:0;text-decoration:underline;color:#55328b;font:500 .8rem/1.4 'Work Sans',sans-serif;min-height:2.75rem;flex-shrink:0;cursor:pointer}
.btc-product-label-dialog{width:min(74rem,calc(100vw - 2rem));height:min(57rem,calc(100dvh - 2rem));max-height:calc(100dvh - 2rem)}
.btc-product-label-header,.btc-product-label-footer{padding:.75rem 1.25rem}.btc-product-label-header h2{font-size:1.6rem}.btc-product-label-workspace{overflow:hidden;padding:0;display:flex;flex-direction:column;flex:1;min-height:0}
.btc-product-label-dialog .btc-studio{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;align-items:stretch;width:100%;height:100%;min-height:0;overflow:hidden;flex:1}
.btc-product-label-dialog .btc-studio .btc-studio-controls{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;scrollbar-width:thin;scrollbar-color:#ac94bd #f3edf7;scroll-padding-block:1rem}
.btc-product-label-dialog .btc-studio .btc-template-picker{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible;padding:0;gap:1rem .6rem}
.btc-product-label-dialog .btc-studio .btc-proof-panel{position:static;top:auto;min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1rem 1.25rem;border-left:1px solid #e4daec;background:#f2edf7;margin:0}
.btc-product-label-dialog .btc-proof-panel .btc-proof-tabs{flex:none;min-height:2.75rem;margin:0}.btc-product-label-dialog .btc-proof-panel .btc-proof-stage{flex:none;aspect-ratio:auto;width:var(--product-proof-size,16rem);height:var(--product-proof-height,16rem);max-width:none;max-height:none;margin:0 auto;padding:0;box-sizing:border-box}
.btc-product-label-dialog .btc-proof-panel .btc-proof-stage.is-jar{aspect-ratio:auto;padding:var(--product-jar-padding,0);margin:0 auto}.btc-product-label-dialog .btc-proof-stage.is-jar .btc-jar-lid{top:0;height:1rem}.btc-product-label-dialog .btc-proof-stage>[data-canonical-proof]{width:100%;height:100%;object-fit:contain}
.btc-product-label-dialog .btc-proof-panel .btc-proof-zoom{flex:none;min-height:2.75rem;margin:0;padding:.2rem;font-size:.85rem}.btc-product-label-dialog .btc-proof-panel .btc-proof-status{flex:none;min-height:0;margin:0;font-size:.8rem;line-height:1.35;max-width:none}.btc-product-label-dialog .btc-proof-panel .btc-proof-approval{flex:none;min-height:2.75rem;margin:0;padding:.5rem .6rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;line-height:1.4}.btc-product-label-dialog .btc-proof-approval input{flex:none;width:1rem;height:1rem;margin:0}.btc-product-label-dialog .btc-proof-panel .btc-proof-dimensions{flex:none;margin:0;font-size:.7rem;line-height:1.3}.btc-product-label-dialog .btc-proof-retry{flex:none;min-height:2.75rem;margin:0}
.btc-label-editor-tabs{display:none}.btc-product-label-dialog .btc-message-help{flex-wrap:wrap;gap:.3rem}.btc-product-label-dialog .btc-message-help p{max-width:none}
@media(max-width:1099px){.btc-product-label-dialog .btc-studio .btc-template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px),(max-height:500px){
 .btc-product-label-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0}.btc-product-label-header,.btc-product-label-footer{padding:.65rem 1rem}.btc-product-label-header h2{font-size:1.4rem}.btc-product-label-header p{font-size:.75rem}
 .btc-label-editor-tabs{display:flex;flex:none;border-bottom:1px solid #ded4e8;padding:0 1rem;background:#fffcf8;gap:1.25rem}.btc-label-editor-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:.6rem .1rem;min-height:2.75rem;color:#77637f;font:500 .85rem/1.3 'Work Sans',sans-serif}.btc-label-editor-tabs button[aria-selected=true]{color:#55328b;border-color:#55328b}
 .btc-product-label-dialog .btc-studio{display:block;position:relative;overflow:hidden}.btc-product-label-dialog .btc-studio .btc-studio-controls{height:100%;padding:1rem}.btc-product-label-dialog .btc-studio .btc-proof-panel{height:100%;padding:.75rem 1rem;border-left:0}
 .btc-label-offer[data-label-pane=edit] .btc-proof-panel,.btc-label-offer[data-label-pane=preview] .btc-studio-controls{display:none}.btc-product-label-footer .button{padding:.75rem .9rem;font-size:.85rem}.btc-label-original{font-size:.8rem;max-width:9rem}.btc-label-offer{align-items:flex-start}.btc-label-personalise{width:100%}.btc-product-label-dialog .btc-studio .btc-template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(pointer:fine){.btc-product-label-dialog .btc-proof-panel .btc-proof-zoom{min-height:2rem}}
@media(max-height:500px) and (min-width:701px){
 .btc-product-label-dialog .btc-studio .btc-proof-panel{--proof-side-by-side:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(5,auto);column-gap:1rem;row-gap:.25rem;padding:.5rem 1rem;align-content:center}
 .btc-product-label-dialog .btc-proof-panel .btc-proof-stage{grid-column:1;grid-row:1/span 6;align-self:center}.btc-product-label-dialog .btc-proof-tabs,.btc-product-label-dialog .btc-proof-zoom,.btc-product-label-dialog .btc-proof-status,.btc-product-label-dialog .btc-proof-approval,.btc-product-label-dialog .btc-proof-dimensions,.btc-product-label-dialog .btc-proof-retry{grid-column:2}
 .btc-product-label-dialog .btc-proof-panel .btc-proof-tabs{grid-row:1}.btc-product-label-dialog .btc-proof-panel .btc-proof-zoom{grid-row:2;min-height:2rem}.btc-product-label-dialog .btc-proof-panel .btc-proof-status{grid-row:3}.btc-product-label-dialog .btc-proof-panel .btc-proof-approval{grid-row:4}.btc-product-label-dialog .btc-proof-panel .btc-proof-dimensions{grid-row:5}.btc-product-label-dialog .btc-proof-panel .btc-proof-retry{grid-row:6}
}
.btc-product-label-dialog .btc-product-label-footer{padding:.5rem 1.25rem}.btc-product-label-dialog .btc-product-label-footer button.button{padding:.65rem 1.1rem;font-size:.875rem;line-height:1.35;min-height:2.75rem}
@media(min-width:701px) and (min-height:501px){.btc-product-label-dialog .btc-product-label-header{padding:.65rem 1.25rem}.btc-product-label-dialog .btc-product-label-header h2{font-size:1.5rem}}
/* The visual viewport also accounts for a phone's on-screen keyboard. */
.btc-product-label-dialog{height:min(57rem,calc(var(--product-editor-height,100dvh) - 2rem));max-height:calc(var(--product-editor-height,100dvh) - 2rem)}
@media(max-width:700px),(max-height:500px){.btc-product-label-dialog{height:var(--product-editor-height,100dvh);max-height:var(--product-editor-height,100dvh);inset:var(--product-editor-top,0px) 0 auto}}
.btc-product-label-dialog .btc-proof-stage>[data-canonical-proof]{height:auto;aspect-ratio:1;max-height:100%}

.btc-studio .btc-message-help{flex-wrap:wrap}.btc-studio .btc-message-help button{border:1px solid #765084;background:#f3edf7;padding:.65rem .9rem;min-height:2.75rem;border-radius:2px;text-decoration:none;font-weight:600;line-height:1.3}.btc-studio .btc-message-help button:hover{background:#e9def2}.btc-studio .btc-message-help button:focus-visible{outline:2px solid #55328b;outline-offset:3px}
.btc-label-offer .btc-label-zoom p{max-width:none;text-align:center;margin:.75rem 0 0}