.designer-page{max-width:1320px;margin:auto;padding:55px 5vw 85px}.designer-heading{max-width:740px;margin-bottom:38px}.designer-heading h1{font-size:clamp(42px,5vw,68px)}.designer-heading>p:last-child{font-size:18px;color:var(--muted)}.designer-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.design-preview{position:sticky;top:20px}.preview-stage{position:relative;background:#f0ece6;border:1px solid var(--line);border-radius:8px;overflow:hidden;aspect-ratio:1}.preview-stage canvas{display:block;width:100%;height:100%}#preview-status{position:absolute;top:45%;left:0;width:100%;text-align:center}#preview-status[hidden]{display:none}.preview-caption{padding:24px 0 5px}.preview-caption .eyebrow{font-size:10px}.preview-caption h2{font-size:28px;margin-top:8px}.preview-caption p{margin:10px 0;color:var(--muted)}.preview-note{font-size:13px;color:var(--muted);margin:12px 0}.design-preview>a{font-size:14px;font-weight:600;text-underline-offset:4px}.design-controls label:not(.check-label){display:block;font-size:14px;font-weight:600;margin:18px 0 8px}.design-controls .step-label{font-size:19px!important;margin-top:28px!important}.design-controls .step-label:first-child{margin-top:0!important}.step-label>span:first-child{font-size:12px;color:var(--blue);margin-right:12px}.design-controls select,.design-controls input:not([type=checkbox]),.design-controls textarea{width:100%;padding:13px 14px;border:1px solid #c8c8c3;border-radius:4px;background:white;color:var(--ink);font:inherit;font-size:16px}.design-controls textarea{resize:vertical}.design-controls input:focus,.design-controls select:focus,.design-controls textarea:focus,.swatch:focus-visible{outline:3px solid #577789;outline-offset:3px}.field-help{color:var(--muted);font-size:13px;margin:8px 0 16px}.swatches{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 26px}.swatch{width:32px;height:32px;padding:0;border-radius:50%;border:1px solid #b5b1ac;cursor:pointer}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.check-label{display:flex;align-items:center;gap:10px;font-size:14px;margin:26px 0}.check-label input{width:19px;height:19px;accent-color:var(--blue);flex-shrink:0}.design-summary{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.design-summary .eyebrow{margin-bottom:8px}.design-summary>p{overflow-wrap:anywhere}.design-total{display:flex;justify-content:space-between;align-items:center;margin:25px 0 10px;gap:15px}.design-total strong{font-size:24px;font-weight:500}.design-summary .button{width:100%}.site-header nav{flex-wrap:wrap;justify-content:center}#summary-message{white-space:pre-wrap}#font-field[hidden],#lid-field[hidden],#lid-message-field[hidden]{display:none}@media(max-width:850px){.designer-layout{gap:30px;grid-template-columns:1fr 1fr}.design-total strong{font-size:21px}}@media(max-width:650px){.designer-page{padding:35px 18px 60px}.designer-heading{margin-bottom:22px}.designer-layout{grid-template-columns:1fr;gap:32px}.design-preview{position:static}.preview-caption h2{font-size:24px}.designer-heading>p:last-child{font-size:16px}}

.additional-colours{margin:0 0 26px;padding:16px 18px;background:#f0ece6;border-radius:4px}.additional-colours p{font-size:13px;color:var(--muted);margin:0 0 12px}.additional-colours-button{display:inline-flex;align-items:center;gap:22px;padding:10px 14px;border:1px solid var(--blue);border-radius:4px;color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}.additional-colours-button:hover{background:var(--blue);color:white}.additional-colours-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

#name-colour-field[hidden]{display:none}.step-label #main-colour-label{font:inherit;color:inherit;margin:0}