.gk{--surface: var(--gronkie-surface, #ffffff);--surface-sunken: var(--gronkie-surface-sunken, #fbf7f4);--surface-feature: var(--gronkie-surface-feature, #eae0da);--text: var(--gronkie-text, #121212);--text-muted: var(--gronkie-text-muted, #5c5566);--border: var(--gronkie-border, #e6ded8);--border-strong: var(--gronkie-border-strong, #8a8291);--accent: var(--gronkie-accent, #da7549);--accent-hover: var(--gronkie-accent-hover, var(--gronkie-accent, #c9663b));--on-accent: var(--gronkie-on-accent, var(--gronkie-accent-contrast, #121212));--accent-text: var(--gronkie-accent-text, var(--gronkie-accent, #9c4822));--secondary: var(--gronkie-secondary, #121212);--on-secondary: var(--gronkie-on-secondary, #ffffff);--info: var(--gronkie-info, #437192);--info-surface: var(--gronkie-info-surface, #e8eff5);--danger: var(--gronkie-danger, #b3261e);--danger-surface: var(--gronkie-danger-surface, #fbeae8);--success: var(--gronkie-success, #1f7a5a);--success-surface: var(--gronkie-success-surface, #e5f3ec);--warning: var(--gronkie-warning, #8a5a00);--warning-surface: var(--gronkie-warning-surface, #fff4d6);--focus: var(--gronkie-focus, #121212);--shadow-card: var(--gronkie-shadow-card, 0 1px 2px rgba(18, 18, 18, .08));--shadow-sheet: var(--gronkie-shadow-sheet, 0 -8px 32px rgba(18, 18, 18, .18));--shadow-sticker: var(--gronkie-shadow-sticker, 3px 3px 0 rgba(18, 18, 18, 1));--radius-control: var(--gronkie-radius-control, 12px);--radius-card: var(--gronkie-radius-card, 16px);--radius-pill: var(--gronkie-radius-pill, 999px);--control-height: var(--gronkie-control-height, 48px);--control-height-s: var(--gronkie-control-height-s, 44px);--tap-min: var(--gronkie-tap-min, 44px);--brand-font-body: var(--gronkie-font-body, "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif);--brand-font-display: var(--gronkie-font-display, "Luckiest Guy", "Nunito Sans", system-ui, sans-serif);--sheet-paper: #ffffff;--sheet-ink: #121212;--sheet-check: #e6ded8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px}.gk,.gk *{box-sizing:border-box}.gk{font-family:var(--brand-font-body);font-size:16px;line-height:24px;color:var(--text);-webkit-font-smoothing:antialiased}.gk :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gk-title{font-size:17px;line-height:24px;font-weight:800;margin:0}.gk-small{font-size:14px;line-height:20px}.gk-link{color:var(--accent-text);font-weight:700;text-decoration:underline;text-underline-offset:3px}.gk-stack{display:flex;flex-direction:column;gap:var(--space-4)}.gk-icon{width:20px;height:20px;flex:none}.gk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-control);border:2px solid transparent;font:800 16px/20px var(--brand-font-body);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.gk-btn:active{transform:translateY(1px)}.gk-btn-primary{background:var(--accent);color:var(--on-accent)}.gk-btn-primary:hover{background:var(--accent-hover)}.gk-btn-secondary{background:var(--secondary);color:var(--on-secondary)}.gk-btn-secondary:hover{background:color-mix(in srgb,var(--secondary) 82%,var(--on-secondary))}.gk-btn-outline{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.gk-btn-outline:hover{background:var(--surface-sunken)}.gk-btn-ghost{background:transparent;color:var(--accent-text);padding:0 var(--space-3)}.gk-btn-ghost:hover{background:var(--surface-sunken)}.gk-btn-block{width:100%}.gk-btn-s{min-height:var(--control-height-s);padding:0 var(--space-4);font-size:15px}.gk-btn[disabled],.gk-btn[aria-disabled=true]{background:var(--surface-sunken);color:var(--text-muted);border-color:var(--border);cursor:not-allowed;transform:none}.gk-iconbtn{display:inline-grid;place-items:center;width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-pill);border:0;background:transparent;color:var(--text);cursor:pointer;position:relative}.gk-iconbtn:hover{background:var(--surface-sunken)}.gk-field{display:flex;flex-direction:column;gap:var(--space-2)}.gk-label{font-size:14px;line-height:20px;font-weight:700}.gk-hint{font-size:14px;line-height:20px;color:var(--text-muted);margin:0}.gk-error{font-size:14px;line-height:20px;color:var(--danger);font-weight:700;margin:0;display:flex;gap:var(--space-1);align-items:center}.gk-input,.gk-textarea,.gk-select{width:100%;min-height:var(--control-height);padding:12px var(--space-4);border:1.5px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:400 16px/24px var(--brand-font-body)}.gk-input::placeholder,.gk-textarea::placeholder{color:var(--text-muted)}.gk-input[aria-invalid=true],.gk-textarea[aria-invalid=true]{border-color:var(--danger);border-width:2px}.gk-file{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--surface-sunken);text-align:center;cursor:pointer}.gk-file-invalid{border-color:var(--danger);border-style:solid}.gk-file-name{display:flex;align-items:center;gap:var(--space-2);font-weight:700}.gk-check{display:grid;grid-template-columns:24px 1fr;gap:var(--space-3);align-items:start;min-height:var(--tap-min);padding-top:10px;cursor:pointer;font-size:14px;line-height:20px}.gk-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin:-2px 0 0;border:2px solid var(--border-strong);border-radius:6px;background:var(--surface);display:grid;place-items:center;cursor:pointer}.gk-check input:checked{background:var(--accent);border-color:var(--accent)}.gk-check input:checked:after{content:"";width:6px;height:12px;border:solid var(--on-accent);border-width:0 3px 3px 0;transform:translateY(-1px) rotate(45deg)}.gk-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2);border:0;padding:0;margin:0}.gk-swatch{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:4px var(--space-3) 4px 4px;border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;font-size:14px;font-weight:700}.gk-swatch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.gk-swatch-chip{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong)}.gk-swatch-chip-sparkle{background-image:radial-gradient(circle at 24% 32%,#e8e3d9 0 .6px,transparent 1px),radial-gradient(circle at 68% 24%,rgba(232,227,217,.7) 0 .5px,transparent .9px),radial-gradient(circle at 74% 64%,#e8e3d9 0 .6px,transparent 1px),radial-gradient(circle at 38% 72%,rgba(232,227,217,.6) 0 .5px,transparent .9px),radial-gradient(circle at 54% 46%,rgba(232,227,217,.5) 0 .4px,transparent .8px)}.gk-swatch:has(input:checked){border:2px solid var(--text);background:var(--surface-sunken)}.gk-swatch:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gk-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface)}.gk-stepper button{width:var(--tap-min);height:var(--tap-min);border:0;background:transparent;color:var(--text);border-radius:var(--radius-pill);cursor:pointer;display:grid;place-items:center}.gk-stepper output{min-width:28px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.gk-price{display:inline-flex;flex-direction:column;gap:2px}.gk-price-amount{font:800 22px/28px var(--brand-font-body);font-variant-numeric:tabular-nums}.gk-builder{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.gk-builder-stage{aspect-ratio:4 / 3;background:var(--surface-sunken);display:grid;place-items:center;color:var(--text-muted);position:relative}.gk-builder-controls{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.gk-builder-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-top:1px solid var(--border)}.gk-badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:2px 10px;border-radius:var(--radius-pill);font:700 13px/18px var(--brand-font-body);white-space:nowrap;background:var(--surface-sunken);color:var(--text);border:1px solid var(--border)}.gk-badge-info{background:var(--info-surface);color:var(--info);border-color:transparent}.gk-badge-danger{background:var(--danger-surface);color:var(--danger);border-color:transparent}.gk-badge .gk-icon{width:14px;height:14px}.gk-alert{display:grid;grid-template-columns:20px 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);font-size:14px;line-height:20px}.gk-alert strong{display:block;font-size:16px;line-height:22px}.gk-alert-warning{background:var(--warning-surface);color:var(--text)}.gk-alert-warning .gk-icon{color:var(--warning)}.gk-alert-danger{background:var(--danger-surface);color:var(--text)}.gk-alert-danger .gk-icon{color:var(--danger)}.gk-select-wrap{position:relative}.gk-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:48px;cursor:pointer}.gk-select-wrap .gk-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text)}.gk-select[aria-invalid=true]{border-color:var(--danger);border-width:2px}.gk-radio{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:var(--space-3);align-items:center;min-height:56px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);cursor:pointer}.gk-radio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin:0;border:2px solid var(--border-strong);border-radius:50%;background:var(--surface);display:grid;place-items:center;cursor:pointer}.gk-radio input:checked{border-color:var(--text)}.gk-radio input:checked:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--text)}.gk-radio:has(input:checked){border:2px solid var(--text);background:var(--surface-sunken)}.gk-radio:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gk-radio-label{font-weight:700;display:block}@media(prefers-reduced-motion:reduce){.gk *,.gk{transition:none!important;animation:none!important}.gk-btn:active{transform:none}}.gk-handover-bar{width:200px;height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.gk-handover-bar span{display:block;width:40%;height:100%;background:var(--accent);border-radius:inherit;animation:gk-handover 1.2s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.gk-handover-bar span{animation:none;width:100%}}.gk-colourway-set{border:0;margin:0;padding:0;min-width:0}.gk-colourway-set>legend{padding:0;margin-bottom:10px}.gk-colourways{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.gk-colourway{position:relative;min-height:104px;text-align:center;min-width:0;padding:4px;border:2px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:800 16px/20px var(--brand-font-body);cursor:pointer}.gk-colourway[aria-pressed=true]{border:3px solid var(--accent);background:var(--surface-feature)}.gk-colourway-chip{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 35%,transparent)}.gk-colourway-chips{display:flex;flex-shrink:0}.gk-colourway-chips .gk-colourway-chip{width:30px;height:30px;margin-left:-9px;border:2px solid var(--surface);box-sizing:content-box}.gk-colourway-chips .gk-colourway-chip:first-child{margin-left:0}.gk-colourway[aria-pressed=true] .gk-colourway-chips .gk-colourway-chip{border-color:var(--surface-feature)}.gk-colourway-tick{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);display:grid;place-items:center}.gk-colourway-tick .gk-icon{width:16px;height:16px;stroke-width:3}.gk-sort{display:inline-flex;gap:4px;padding:2px;border:2px solid var(--border-strong);border-radius:var(--radius-control);flex-shrink:0}.gk-sort button{height:44px;padding:0 16px;border:0;border-radius:calc(var(--radius-control) - 2px);background:var(--surface);color:var(--text);font:800 15px/1 var(--brand-font-body);cursor:pointer}.gk-sort button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.gk-stage-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--surface-sunken);color:var(--text-muted);font-size:15px;line-height:22px}.gk-stage-loading p{margin:0}.gk-stage-updating{background:color-mix(in srgb,var(--surface-sunken) 80%,transparent)}@container builder (max-width: 767px){.gk-colourways{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.gk-builder-side{display:grid;grid-template-columns:minmax(0,1fr)}@container builder (min-width: 900px){.gk-builder-side{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.gk-builder-side .gk-builder-stage{position:sticky;top:0;aspect-ratio:1 / 1;border-right:1px solid var(--border)}.gk-builder-side .gk-builder-bar{position:static}}.gk-builder-col{display:flex;flex-direction:column;min-width:0}.gk-builder-price{display:flex;flex-direction:column;gap:2px}.gk-builder-cta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);max-width:60%}.gk-builder-reasons{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.gk-builder-reasons li{display:flex;gap:var(--space-2);align-items:flex-start;font-size:14px;line-height:20px;font-weight:700;color:var(--danger)}.gk-builder-reasons .gk-icon{width:18px;height:18px;margin-top:1px}.gk-builder-stage .gk-pa{width:100%;height:100%}.gk-fontpick{border:0;padding:0;margin:0;min-width:0}.gk-fontpick>legend{padding:0;margin-bottom:var(--space-2)}.gk-fontpick-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gk-fontchip{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:6px var(--space-4);border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;font-size:20px;line-height:28px}.gk-fontchip input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.gk-fontchip:hover{border-color:var(--text)}.gk-fontchip:has(input:checked){border:2px solid var(--text);padding:5.5px calc(var(--space-4) - .5px);background:var(--surface-sunken);box-shadow:inset 0 0 0 2px var(--accent)}.gk-fontchip:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gk-fontchip-preview{display:block;height:28px;background:currentColor;-webkit-mask:var(--gk-preview, none) left center / contain no-repeat;mask:var(--gk-preview, none) left center / contain no-repeat}.gk-fontchip-preview>img{display:block;height:100%;width:auto;visibility:hidden}.gk-rcards{border:0;padding:0;margin:0;min-width:0}.gk-rcards>legend{padding:0;margin-bottom:var(--space-2)}.gk-rcards-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(var(--rc-cols, 2),minmax(0,1fr))}@container builder (max-width: 480px){.gk-rcards-grid{grid-template-columns:minmax(0,1fr)}}.gk-rcard{grid-template-columns:24px 1fr;min-height:var(--control-height)}.gk-rcard>span:last-child:empty{display:none}.gk-dpi{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);font:800 12px/16px var(--brand-font-body);letter-spacing:.2px}.gk-dpi-best{background:var(--success-surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--success)}.gk-dpi-ok{background:var(--info-surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--info)}.gk-dpi-low{background:var(--danger-surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--danger)}.gk-dpi-n{font-weight:700}.gk-pa{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);box-sizing:border-box}.gk-pa svg{width:100%;max-height:100%;flex:1 1 auto;min-height:0}.gk-sheet-editor{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;gap:var(--space-4);align-items:start}.gk-tray{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.gk-tray .gk-title{margin:0}.gk-tray-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.gk-tray-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.gk-tray-row-failed{border-color:var(--danger)}.gk-tray-main{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-3);align-items:center}.gk-tray-thumb{width:56px;height:56px;border-radius:var(--radius-control);flex:none;display:grid;place-items:center;font:800 11px/14px var(--brand-font-body);color:var(--sheet-ink);background-color:var(--sheet-paper);background-image:linear-gradient(45deg,var(--sheet-check) 25%,transparent 25%,transparent 75%,var(--sheet-check) 75%),linear-gradient(45deg,var(--sheet-check) 25%,transparent 25%,transparent 75%,var(--sheet-check) 75%);background-size:12px 12px;background-position:0 0,6px 6px;box-shadow:inset 0 0 0 1px var(--border-strong)}.gk-tray-body{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.gk-tray-name{margin:0;font-weight:800;font-size:15px;line-height:20px;overflow-wrap:anywhere}.gk-tray-status{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);align-items:center}.gk-tray-size,.gk-tray-sub{font-size:13px;line-height:18px;color:var(--text-muted);margin:0}.gk-tray-progress{height:8px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden;box-shadow:inset 0 0 0 1px var(--border)}.gk-tray-progress span{display:block;height:100%;background:var(--info);border-radius:inherit}.gk-tray-msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.gk-tray-msg{display:grid;grid-template-columns:18px 1fr;gap:var(--space-2);font-size:13px;line-height:18px;padding:var(--space-2);border-radius:var(--radius-control)}.gk-tray-msg .gk-icon{width:18px;height:18px}.gk-tray-msg-warning{background:var(--warning-surface)}.gk-tray-msg-warning .gk-icon{color:var(--warning)}.gk-tray-msg-danger{background:var(--danger-surface);font-weight:700}.gk-tray-msg-danger .gk-icon{color:var(--danger)}.gk-tray-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.gk-tray-actions .gk-btn-ghost{padding:0 var(--space-2)}.gk-tray-bg,.gk-tray-photo{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.gk-tray-photo .gk-tray-sub{padding:0 var(--space-2)}.gk-tray-range{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center;width:100%;min-height:var(--tap-min);padding:0 var(--space-2);box-sizing:border-box}.gk-tray-range input{accent-color:var(--accent);min-height:var(--tap-min)}.gk-sheetview{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.gk-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.gk-sheet-zoom{display:flex;align-items:center;gap:var(--space-1)}.gk-sheet-scroll{overflow:auto;border-radius:var(--radius-control);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}.gk-sheet-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gk-sheet-settings{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.gk-sheet-settings h2{margin:0}.gk-sheet-settings .gk-input{font-variant-numeric:tabular-nums}.gk-sheet-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.gk-sheet-tools{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gk-sheet-group{padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface-sunken);display:flex;flex-direction:column;gap:var(--space-2)}.gk-sheet-why{margin:0;font-size:13px;line-height:18px;color:var(--text-muted)}.gk-sheet-foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-5);align-items:center;padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card)}.gk-sheet-foot-price{display:flex;flex-direction:column;gap:2px}.gk-sheet-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.gk-sheet-checks li{display:grid;grid-template-columns:18px 1fr;gap:var(--space-2);font-size:14px;line-height:20px;font-weight:700;color:var(--danger)}.gk-sheet-checks .gk-icon{width:18px;height:18px;margin-top:1px}.gk-busy{display:grid;grid-template-columns:20px 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--secondary);color:var(--on-secondary);font-size:14px;line-height:20px;font-weight:700}.gk-busy p{margin:0}.gk-busy p+p{margin-top:var(--space-1);font-weight:400}.gk-smallscreen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-radius:var(--radius-card);background:var(--surface-feature);border:2px solid var(--text);box-shadow:var(--shadow-sticker)}.gk-smallscreen-ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--accent-text)}.gk-smallscreen-ico .gk-icon{width:28px;height:28px}.gk-smallscreen-text{margin:0;font-size:18px;line-height:26px;font-weight:800}.gk-smallscreen-done{margin:0;min-height:24px;display:flex;gap:var(--space-2);align-items:center;font-weight:700;color:var(--success)}button.gk-link{background:none;border:0;padding:0;font:inherit;font-weight:700;cursor:pointer;min-height:var(--tap-min)}@keyframes gk-handover{0%{transform:translate(-10%)}to{transform:translate(160%)}}:host{display:block;container-type:inline-size;container-name:builder}:host([mode="preview"])>div,:host([mode="preview"]) .gk,:host([mode="preview"]) .viewport{display:block;height:100%}.viewport{container-type:inline-size;overflow:hidden}.viewport canvas{display:block;width:100%;height:100%}.gk-stage-updating{pointer-events:none}.viewport-tools{position:absolute;left:50%;bottom:var(--space-2);transform:translate(-50%);z-index:2;display:flex;gap:2px;padding:3px;border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 0 0 0 1px var(--border)}.viewport-tool{width:var(--control-height-s);padding:0}.viewport-tool svg{width:18px;height:18px}.viewport-tool[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.viewport-hint{position:absolute;left:var(--space-3);right:var(--space-3);bottom:calc(var(--control-height-s) + var(--space-4));margin:0;text-align:center;font-size:13px;color:var(--text-muted);pointer-events:none}.stage-error{position:absolute;top:0;right:0;bottom:56px;left:0;z-index:2;display:grid;place-items:center;padding:var(--space-4);pointer-events:none}.stage-error .gk-alert{max-width:448px;box-shadow:0 0 0 1px var(--border)}.viewport-dimmed canvas,.viewport-dimmed>.flat{opacity:.4}.gk-fit{height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.gk-fit>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.gk-fit-over>span{background:var(--danger)}@container builder (max-width: 480px){.gk-builder-bar{flex-wrap:wrap}.gk-builder-cta{max-width:100%;flex:1 1 100%;align-items:stretch}}.gk-builder-reasons:empty{margin-top:calc(-1 * var(--space-2))}.gk-colourway input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.gk-colourway:has(input:checked){border:3px solid var(--accent);background:var(--surface-feature)}.gk-colourway:has(input:checked) .gk-colourway-chips .gk-colourway-chip{border-color:var(--surface-feature)}.gk-colourway:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gk-colourway:has(input:disabled),.gk-swatch:has(input:disabled){color:var(--text-muted);background:var(--surface-sunken);cursor:not-allowed}.gk-swatch:has(input:disabled) input{cursor:not-allowed}.gk-file:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gk-file:has(input:disabled){cursor:not-allowed;opacity:.6}.asset-thumb{max-width:160px;max-height:120px;border:1px solid var(--border);border-radius:var(--radius-control)}input[part=text]{font-size:var(--gronkie-control-size, inherit)}[part~=free-tools] li+li{margin-top:var(--space-1)}[part~=free-tools] a{display:inline-block;padding:3px 0}.stage{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.stage-switches{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-2) 0}.stage-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:calc(-1 * var(--space-1)) var(--space-2) var(--space-1)}.stage-credit{margin:0;font-size:12px;color:var(--text-muted)}.stage-credit a{color:inherit}.stage-foot [part~=see-3d]{margin-left:auto}@container builder (min-width: 900px){.gk-builder-side>.stage,.gk-builder-side .gk-builder-stage{position:sticky;top:var(--gronkie-sticky-top, 0px)}.gk-builder-side>.stage .gk-builder-stage{position:relative;top:auto}.gk-builder-side>.gk-builder-stage{max-height:calc(100vh - var(--gronkie-sticky-top, 0px));max-height:calc(100svh - var(--gronkie-sticky-top, 0px))}}.gk-builder{overflow:clip}@container builder (max-width: 899.98px){.gk-builder-side{display:flex;flex-direction:column}.gk-builder-side>.gk-builder-stage,.gk-builder-side>.stage{position:sticky;top:var(--gronkie-sticky-top, 0px);z-index:2;background:var(--surface)}.gk-builder-side>.gk-builder-stage,.gk-builder-side>.stage>.gk-builder-stage{max-height:40vh;max-height:40svh}.gk-builder-side>.stage-box>.gk-builder-stage{aspect-ratio:1 / 1}}.flat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--surface-sunken);color:var(--text)}.flat svg{height:100%}.viewport:has(>.flat) :is(.viewport-tools,.viewport-hint){visibility:hidden}.stock-request{align-items:stretch;min-width:0}.tm{display:flex;flex-direction:column;gap:var(--space-4)}.tm-form{display:flex;flex-direction:column;gap:var(--space-5)}.tm-row,.tm-colours{position:relative;border:0;padding:0;margin:0;min-width:0}.tm-row>legend,.tm-colours>legend{padding:0}.tm-tabs{flex-wrap:wrap}.tm-fonts{max-height:240px;overflow-y:auto}.gk-field>.gk-stepper{align-self:flex-start}.gk-stepper button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.55}:root{--gronkie-accent: #445566;--gronkie-accent-contrast: #ffffff;--gronkie-radius: 8px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1a1a1a;background:#fafafa}main{max-width:1100px;margin:0 auto;padding:1.5rem}header h1{color:var(--gronkie-accent, #445566)}.builder-selector{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem}.builder-selector-label{font-weight:600;color:#4a4a4a}.builder-selector select{border:1px solid color-mix(in srgb,var(--gronkie-accent, #445566) 40%,#cfd4da);border-radius:var(--gronkie-radius, 8px);padding:.4rem .6rem;font-size:.95rem;background:#fff;color:#1a1a1a}.storefront-layout{display:grid;grid-template-columns:minmax(260px,380px) minmax(280px,1fr);gap:2rem;align-items:start}@media(max-width:720px){.storefront-layout{grid-template-columns:1fr}}.viewport-panel{container-type:inline-size;position:relative;aspect-ratio:4 / 3;min-height:280px;overflow:hidden;border-radius:var(--gronkie-radius, 8px);background:color-mix(in srgb,var(--gronkie-accent, #445566) 6%,#eef0f3)}.viewport-panel canvas{display:block;width:100%;height:100%}.rendering{position:absolute;top:8px;right:8px;width:18px;height:18px;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--gronkie-accent, #445566) 25%,transparent);border-top-color:var(--gronkie-accent, #445566);border-radius:50%;animation:gronkie-rendering .8s linear infinite;pointer-events:none}@keyframes gronkie-rendering{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rendering{animation:none}}footer{margin-top:1.5rem}footer p{font-size:1.25rem;font-weight:600}footer button{background:var(--gronkie-accent, #445566);color:var(--gronkie-accent-contrast, #ffffff);border:none;border-radius:var(--gronkie-radius, 8px);padding:.75rem 1.5rem;font-size:1rem;cursor:pointer}footer button:hover{filter:brightness(.92)}footer button:disabled{cursor:not-allowed;filter:grayscale(.4) brightness(.85)}.order-confirmation{color:#1f6f4a;font-weight:600}.order-error{color:#a3242f;font-weight:600}.colourway-field{border:1px solid var(--gronkie-border, #d8dbe2);border-radius:var(--gronkie-radius, 8px)}.colourway-option{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.colourway-swatches{display:inline-flex;border-radius:3px;overflow:hidden}.colourway-swatch{width:1.1rem;height:1.1rem}.colourway-label{font-size:.9rem}.number-field-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.number-field-value{font-variant-numeric:tabular-nums;color:var(--gronkie-accent, #445566)}.font-field{display:flex;flex-wrap:wrap;gap:.4rem;border:1px solid var(--gronkie-border, #d8dbe2);border-radius:var(--gronkie-radius, 8px)}.font-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border:1px solid var(--gronkie-border, #d8dbe2);border-radius:999px;font-size:1.1rem;cursor:pointer}.font-chip:has(input:focus-visible),.filament-field .colourway-option:has(input:focus-visible),.filament-field summary:focus-visible{outline:2px solid var(--gronkie-accent, #445566);outline-offset:2px}.filament-field .colourway-option:has(input:disabled){opacity:.5}.text-count{display:block;font-size:.8rem;opacity:.7}