/** Shopify CDN: Minification failed

Line 1057:639 Unexpected "}"
Line 1058:0 Unexpected ","

**/

/* Layout: three-pane workbench. Tools left, the mat on a cutting-mat stage in the middle, inspector right. Stacks to one column on phones. */
:root{
  --bg:#EEF0F3;          /* workshop grey, slightly cool */
  --panel:#FFFFFF;
  --panel-2:#F6F7F9;
  --ink:#14161B;
  --ink-2:#5B616E;
  --line:#DFE2E8;
  --accent:#3B45F2;      /* ultramarine */
  --accent-ink:#FFFFFF;
  --accent-soft:#E7E8FF;
  --stage:#E3E6EA;
  --stage-grid:#D3D7DD;
  --warn:#B45309;
  --warn-soft:#FEF3C7;
  --ok:#047857;
  --font-display:"Unbounded", "Figtree", system-ui, sans-serif;
  --font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#111318;--panel:#181B21;--panel-2:#1F232B;--ink:#ECEEF2;--ink-2:#9AA1AE;--line:#2A2F39;
  --accent:#7C84FF;--accent-ink:#0B0D12;--accent-soft:#252A55;--stage:#0C0E12;--stage-grid:#1B1F27;
  --warn:#FBBF24;--warn-soft:#3A2C0A;--ok:#34D399;color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#111318;--panel:#181B21;--panel-2:#1F232B;--ink:#ECEEF2;--ink-2:#9AA1AE;--line:#2A2F39;
  --accent:#7C84FF;--accent-ink:#0B0D12;--accent-soft:#252A55;--stage:#0C0E12;--stage-grid:#1B1F27;
  --warn:#FBBF24;--warn-soft:#3A2C0A;--ok:#34D399;color-scheme:dark}

html,body{height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45}
*{box-sizing:border-box}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:100%;min-height:560px}
header.top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:10px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  background:var(--panel);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap}
.brand-mark{width:28px;height:18px;border-radius:5px;background:var(--accent);position:relative}
.brand-mark::after{content:"";position:absolute;inset:3px;border:1.5px dashed var(--accent-ink);border-radius:3px;opacity:.8}
.sizes{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.size-btn{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:6px 12px;cursor:pointer;display:flex;gap:8px;align-items:baseline;white-space:nowrap}
.size-btn b{font-family:var(--font-mono);font-weight:500;font-size:12.5px;font-variant-numeric:tabular-nums}
.size-btn span{font-size:11.5px;color:var(--ink-2)}
.size-btn[aria-pressed="true"]{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.size-btn[aria-pressed="true"] span{color:inherit;opacity:.7}
.top-actions{display:flex;gap:6px;align-items:center}
.btn{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 12px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;justify-content:center;font-weight:600;font-size:13px}
.btn:hover{background:var(--panel-2)}
.btn:disabled{opacity:.4;cursor:default}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.icon{padding:7px 9px}
.btn[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
.btn svg{width:16px;height:16px;flex:none}

.work{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;min-height:0}
.tools{display:grid;grid-template-columns:64px minmax(0,1fr);border-right:1px solid var(--line);background:var(--panel);min-height:0}
.tabs{display:flex;flex-direction:column;gap:2px;padding:10px 6px;border-right:1px solid var(--line)}
.tab{border:0;background:none;border-radius:8px;padding:8px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--ink-2)}
.tab svg{width:20px;height:20px}
.tab:hover{background:var(--panel-2);color:var(--ink)}
.tab[aria-selected="true"]{background:var(--accent-soft);color:var(--ink)}
.panel{padding:16px;overflow:auto;min-width:0}
.panel h2,.inspector h2{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.01em;margin:0 0 12px}
.panel h3,.inspector h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:18px 0 8px;font-weight:600}
.hint{color:var(--ink-2);font-size:12.5px;margin:0 0 10px}

.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.sw{aspect-ratio:1;border-radius:7px;border:1px solid var(--line);cursor:pointer;padding:0;max-width:100%}
.sw[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:2px}
.grads{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.grads .sw{aspect-ratio:2/1}
.pat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.pat{border:1px solid var(--line);border-radius:7px;background:var(--panel-2);cursor:pointer;padding:6px 0;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px}
.pat canvas{width:36px;height:24px;border-radius:4px}
.pat[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}

.field{display:grid;gap:5px;margin-bottom:10px}
.field label,.lbl{font-size:12px;font-weight:600;color:var(--ink-2)}
.row{display:flex;gap:8px;align-items:center}
.row > *{min-width:0}
input[type="range"]{width:100%;accent-color:var(--accent)}
input[type="color"]{width:34px;height:30px;border:1px solid var(--line);border-radius:7px;padding:2px;background:var(--panel);cursor:pointer;flex:none}
select,textarea,input[type="text"],input[type="number"]{width:100%;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:7px 9px}
textarea{resize:vertical;min-height:62px}
.val{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2);min-width:46px;text-align:right;font-variant-numeric:tabular-nums}
.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg button{flex:1;border:0;background:var(--panel-2);padding:6px 0;cursor:pointer;font-weight:700}
.seg button + button{border-left:1px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--accent-soft);color:var(--ink)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}

.drop{border:1.5px dashed var(--line);border-radius:var(--r);padding:22px 14px;text-align:center;cursor:pointer;background:var(--panel-2);display:grid;gap:6px;justify-items:center}
.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}
.drop svg{width:28px;height:28px;color:var(--accent)}
.drop strong{font-size:13.5px}
.drop span{font-size:12px;color:var(--ink-2)}
.uploads{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.uploads button{aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:var(--panel-2) center/cover no-repeat;cursor:pointer;padding:0;max-width:100%}
.spec{font-size:12px;color:var(--ink-2);border-top:1px solid var(--line);margin-top:14px;padding-top:10px}
.spec b{color:var(--ink);font-family:var(--font-mono);font-weight:500}

.text-presets{display:grid;gap:6px}
.tp{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:10px 12px;text-align:left;cursor:pointer;line-height:1.1}
.tp:hover{border-color:var(--accent)}

.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.shape-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);cursor:pointer;display:grid;place-items:center;max-width:100%}
.shape-grid button:hover{border-color:var(--accent)}
.shape-grid svg{width:32px;height:32px;color:var(--ink)}

.layers{display:grid;gap:4px}
.layer{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px 6px;cursor:pointer;background:var(--panel)}
.layer[aria-selected="true"]{border-color:var(--accent);background:var(--accent-soft)}
.layer .thumb{width:32px;height:24px;border-radius:4px;background:var(--panel-2) center/cover no-repeat;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--ink-2);overflow:hidden}
.layer .name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.layer .name small{display:block;font-weight:400;color:var(--ink-2);font-size:11px}
.layer .acts{display:flex;gap:2px}
.mini{border:0;background:none;border-radius:6px;padding:4px;cursor:pointer;color:var(--ink-2);display:grid;place-items:center}
.mini:hover{background:var(--panel-2);color:var(--ink)}
.mini svg{width:15px;height:15px}
.mini.off{opacity:.45}

.starters{display:grid;gap:8px}
.starter{border:1px solid var(--line);border-radius:var(--r);padding:0;overflow:hidden;cursor:pointer;background:var(--panel);text-align:left}
.starter canvas{display:block;width:100%;height:auto;aspect-ratio:900/400}
.starter div{padding:7px 10px;font-size:12.5px;font-weight:600}
.starter:hover{border-color:var(--accent)}

.stage-wrap{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.stage{position:relative;min-height:320px;background:var(--stage);background-image:
  linear-gradient(var(--stage-grid) 1px,transparent 1px),linear-gradient(90deg,var(--stage-grid) 1px,transparent 1px);
  background-size:24px 24px;overflow:hidden}
.stage.preview{background:var(--stage)}
#cv{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}
.stage-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 14px;border-top:1px solid var(--line);background:var(--panel);font-size:12px;color:var(--ink-2)}
.stage-bar b{font-family:var(--font-mono);font-weight:500;color:var(--ink)}
.chip{position:absolute;top:12px;left:12px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;display:flex;gap:6px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--accent);display:block}
.drop-overlay{position:absolute;inset:10px;border:2px dashed var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 70%,transparent);display:grid;place-items:center;font-weight:700;font-size:15px;pointer-events:none}

.inspector{border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow:auto;min-width:0}
.empty-sel{border:1px dashed var(--line);border-radius:var(--r);padding:14px;color:var(--ink-2);font-size:12.5px;background:var(--panel-2)}
.warn{display:flex;gap:8px;align-items:flex-start;background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;margin-bottom:10px}
.good{color:var(--ok);font-size:12px;font-weight:600;margin-bottom:10px}
.divider{height:1px;background:var(--line);margin:16px 0}
.toggle{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0}
.toggle input{accent-color:var(--accent);width:16px;height:16px}

.modal-bg{position:fixed;inset:0;background:rgba(10,12,18,.55);display:grid;place-items:center;z-index:50;
  padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.modal{background:var(--panel);border-radius:14px;max-width:880px;width:100%;max-height:100%;overflow:auto;padding:20px;display:grid;gap:14px}
.modal h2{font-family:var(--font-display);font-size:18px;margin:0}
.modal img{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--panel-2)}
.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.summary div{background:var(--panel-2);border-radius:8px;padding:10px 12px}
.summary span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:600}
.summary b{font-family:var(--font-mono);font-weight:500;font-size:13px}
.modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}

@media (max-width:1100px){
  .work{grid-template-columns:280px minmax(0,1fr)}
  .inspector{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 24px}
  .app{height:auto}
  .stage{min-height:460px}
}
@media (max-width:720px){
  .app{height:auto}
  .work{grid-template-columns:minmax(0,1fr)}
  .sizes{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
  .top-actions{margin-left:auto}
  .tools{order:3;grid-template-columns:minmax(0,1fr);border-right:0;border-top:1px solid var(--line)}
  .tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}
  .tab{flex:1;min-width:56px}
  .stage-wrap{order:1}
  .stage{min-height:300px;height:56vw;max-height:420px}
  .inspector{order:2;display:block;border-top:1px solid var(--line)}
  .size-btn span{display:none}
  .brand span{display:none}
  .panel,.inspector{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

#mpb{--mpb-ink:#1d1d1f;--mpb-mute:#6e6e73;--mpb-line:#e3e1dc;--mpb-accent:#1d1d1f;--mpb-bg:#fff;--mpb-stage:#f1efea;
  font-family:"Montserrat",system-ui,sans-serif;color:var(--mpb-ink);display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0;
  min-height:640px;border:1px solid var(--mpb-line);border-radius:14px;overflow:hidden;background:var(--mpb-bg);box-sizing:border-box}
#mpb *{box-sizing:border-box}
#mpb .mpb-stage{background:var(--mpb-stage);display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:center;padding:28px;min-height:520px;position:relative}
#mpb .mpb-poster{position:relative;box-shadow:0 18px 50px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);transition:background .2s}
#mpb .mpb-map{position:absolute;overflow:hidden}
#mpb .mpb-map.mpb-circle{border-radius:50%}
#mpb .mpb-map.mpb-adding .maplibregl-canvas{cursor:crosshair}
#mpb .mpb-overlay{position:absolute;inset:0;pointer-events:none}
/* display is set because the drag boxes are empty divs, and Shopify themes like Dawn hide div:empty */
#mpb .mpb-textgrab{display:block;position:absolute;z-index:3;cursor:move;touch-action:none;border:1px dashed transparent;border-radius:4px}
#mpb .mpb-textgrab:hover,#mpb.mpb-dragging .mpb-textgrab{border-color:rgba(255,0,153,.7)}
#mpb .mpb-circlegrab{position:absolute;z-index:3;transform:translate(-50%,-50%);width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:move;touch-action:none;display:flex;align-items:center;justify-content:center}
#mpb .mpb-circlegrab[hidden],#mpb .mpb-textgrab[hidden],#mpb .mpb-guide-v[hidden],#mpb .mpb-guide-h[hidden],#mpb .mpb-reset-pos[hidden]{display:none}
#mpb .mpb-guide-v,#mpb .mpb-guide-h{display:block;position:absolute;z-index:4;pointer-events:none;background:#ff0099}
#mpb .mpb-guide-v{top:0;bottom:0;width:1px}
#mpb .mpb-guide-h{left:0;right:0;height:1px}
#mpb .mpb-reset-pos{display:block;margin:8px auto 0;padding:4px 10px;border:0;background:none;color:var(--mpb-mute);font-size:12px;text-decoration:underline;cursor:pointer}
#mpb .mpb-hint{margin-top:14px;text-align:center;font-size:12px;color:var(--mpb-mute)}
#mpb .mpb-panel{border-left:1px solid var(--mpb-line);padding:18px 22px 16px;display:flex;flex-direction:column;min-width:0}
#mpb .mpb-body{flex:1;overflow-y:auto;max-height:680px;padding-right:2px}
#mpb h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mpb-mute);margin:20px 0 9px;font-weight:600}
#mpb h3:first-child{margin-top:0}
#mpb input[type=text],#mpb select{width:100%;padding:10px 12px;border:1px solid var(--mpb-line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--mpb-ink)}
#mpb input[type=text]:focus,#mpb select:focus{outline:2px solid var(--mpb-ink);outline-offset:-1px}
#mpb .mpb-field{margin-bottom:8px}
#mpb .mpb-search{position:relative}
#mpb .mpb-results{display:flex;flex-direction:column;gap:8px;margin-top:12px}
#mpb .mpb-results:empty{display:none}
#mpb .mpb-results button{display:block;width:100%;text-align:left;padding:12px 14px 12px 38px;border:1px solid var(--mpb-line);border-radius:10px;background:#fff no-repeat 12px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-7.2 7-12.5a7 7 0 1 0-14 0C5 14.8 12 22 12 22z' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3C/svg%3E");font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--mpb-ink)}
#mpb .mpb-results button:hover,#mpb .mpb-results button:focus-visible{border-color:#b5b2aa}
#mpb .mpb-results button[aria-pressed=true]{border:2px solid var(--mpb-ink);padding:11px 13px 11px 37px}
#mpb .mpb-results button{position:relative;padding-right:84px}
#mpb .mpb-results em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mpb-mute)}
#mpb .mpb-results button[disabled]{padding-right:14px}
#mpb .mpb-results small{display:block;color:var(--mpb-mute);font-size:12px;font-weight:400;margin-top:2px}
#mpb .mpb-outline{margin-top:12px}
#mpb .mpb-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#mpb .mpb-swatch-group{grid-column:1/-1;margin:10px 0 0}
#mpb .mpb-swatch{border:2px solid transparent;border-radius:6px;padding:2px;background:none;cursor:pointer;position:relative}
#mpb .mpb-swatch span{display:block;aspect-ratio:1;border-radius:3px;border:1px solid rgba(0,0,0,.12)}
#mpb .mpb-swatch[aria-pressed=true]{border-color:var(--mpb-ink)}
#mpb .mpb-swatch[aria-pressed=true]::after{content:"✓";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:16px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6)}
#mpb .mpb-seg{display:flex;gap:6px;flex-wrap:wrap}
#mpb .mpb-seg button{flex:1;min-width:0;padding:9px 6px;border:1px solid var(--mpb-line);border-radius:8px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:var(--mpb-ink);line-height:1.25}
#mpb .mpb-seg button small{display:block;color:var(--mpb-mute);font-size:11px}
#mpb .mpb-seg button[aria-pressed=true]{border-color:var(--mpb-ink);background:var(--mpb-ink);color:#fff}
#mpb .mpb-seg button[aria-pressed=true] small{color:#d2d2d7}
#mpb .mpb-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:4px 0 8px}
#mpb .mpb-row{display:flex;gap:8px;align-items:center}
#mpb .mpb-row input[type=color]{width:42px;height:38px;border:1px solid var(--mpb-line);border-radius:8px;padding:2px;background:#fff}
#mpb .mpb-markers{list-style:none;margin:8px 0 0;padding:0;font-size:13px}
#mpb .mpb-markers li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--mpb-line)}
#mpb .mpb-markers button{border:0;background:none;cursor:pointer;color:var(--mpb-mute);font-size:13px}
#mpb .mpb-btn{width:100%;padding:12px;border-radius:9px;border:1px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#mpb .mpb-btn[aria-pressed=true]{background:#f4f3ef}
#mpb .mpb-cta{margin-top:22px;width:100%;padding:15px;border-radius:10px;border:0;background:var(--mpb-accent);color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer}
#mpb .mpb-cta:disabled{opacity:.5;cursor:default}
#mpb .mpb-note{font-size:12px;color:var(--mpb-mute);margin-top:8px;line-height:1.5}
#mpb .mpb-export{margin-top:22px;padding:14px;border:1px dashed #b5b2aa;border-radius:10px;background:#faf9f6}
#mpb .mpb-toast{position:absolute;left:50%;top:16px;transform:translateX(-50%);background:var(--mpb-ink);color:#fff;padding:9px 14px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:30;max-width:90%}
#mpb .mpb-toast.mpb-show{opacity:1}
@media (max-width:860px){
  #mpb{grid-template-columns:minmax(0,1fr)}
  #mpb .mpb-stage{padding:16px;min-height:0}
  #mpb .mpb-panel{border-left:0;border-top:1px solid var(--mpb-line);max-height:none;padding:18px 16px}
}
#mpb .mpb-circle .maplibregl-ctrl-top-right{display:none}
#mpb .mpb-sub{font-size:12px;color:var(--mpb-mute);margin:12px 0 6px}
#mpb .mpb-toggles{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;margin-top:10px}
#mpb .mpb-toggles .mpb-check{margin:3px 0}
#mpb [hidden]{display:none!important}
#mpb .mpb-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;gap:4px}
#mpb .mpb-steps li{flex:1;min-width:0}
#mpb .mpb-steps button{width:100%;border:0;background:none;padding:0 0 8px;font:inherit;font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--mpb-mute);cursor:pointer;border-bottom:3px solid var(--mpb-line);display:flex;flex-direction:column;align-items:center;gap:4px}
#mpb .mpb-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--mpb-line);font-size:12px;letter-spacing:0;background:#fff}
#mpb .mpb-steps .mpb-done{color:var(--mpb-ink);border-bottom-color:var(--mpb-ink)}
#mpb .mpb-steps .mpb-done b{background:var(--mpb-ink);border-color:var(--mpb-ink);color:#fff}
#mpb .mpb-steps [aria-current=step]{color:var(--mpb-ink);font-weight:700;border-bottom-color:var(--mpb-ink)}
#mpb .mpb-steps [aria-current=step] b{border:2px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink)}
#mpb .mpb-steps button:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#mpb .mpb-step h2{font-size:20px;margin:0 0 4px;letter-spacing:.01em}
#mpb .mpb-intro{font-size:13px;color:var(--mpb-mute);margin:0 0 14px;line-height:1.5}
#mpb .mpb-step h3{margin-top:18px}
#mpb .mpb-nav{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mpb-line)}
#mpb .mpb-nav button{flex:1;padding:13px;border-radius:9px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#mpb .mpb-back{background:#fff;border:1px solid var(--mpb-line);color:var(--mpb-ink);flex:0 0 96px!important}
#mpb .mpb-next{background:var(--mpb-ink);border:1px solid var(--mpb-ink);color:#fff}
#mpb .mpb-credit{font-size:10.5px;color:var(--mpb-mute);margin-top:10px;text-align:center}
#mpb .mpb-step .mpb-cta{margin-top:20px}
@media (max-width:860px){#mpb .mpb-body{max-height:none;overflow:visible}#mpb .mpb-steps button{font-size:10px}}
#mpb .mpb-basemap{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;z-index:1;object-fit:cover}
#mpb .mpb-has-basemap .mpb-basemap{display:block}
#mpb .mpb-map .maplibregl-control-container{position:relative;z-index:2}
#mpb .mpb-card{border:1px solid var(--mpb-line);border-radius:10px;padding:12px 14px;margin-bottom:6px}
#mpb .mpb-card h3{margin:12px 0 6px}
#mpb .mpb-card-head{display:flex;justify-content:space-between;align-items:center}
#mpb .mpb-icon{border:0;background:none;cursor:pointer;font-size:16px;padding:2px 6px;color:var(--mpb-ink)}
#mpb .mpb-icon:disabled{opacity:.35;cursor:default}
#mpb .mpb-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#mpb .mpb-seg svg{display:block;margin:0 auto}
#mpb .mpb-dots{display:flex;gap:6px;flex-wrap:wrap}
#mpb .mpb-dots button{width:30px;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
#mpb .mpb-dots button[aria-pressed=true]{outline:2px solid var(--mpb-ink);outline-offset:2px}
#mpb .mpb-small{padding:9px;font-size:13px}
#mpb .mpb-markers li.mpb-current .mpb-pick{font-weight:700;color:var(--mpb-ink)}
#mpb .mpb-markers .mpb-pick{color:var(--mpb-ink);padding:0}
#mpb .mpb-handle{cursor:move} /* no position here: MapLibre places it absolutely; position:relative stacked the handles below each other */
#mpb .mpb-handle i{position:absolute;width:28%;height:28%;border:0 solid #fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.8));opacity:0;transition:opacity .15s}
#mpb .mpb-handle i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}
#mpb .mpb-handle i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}
#mpb .mpb-handle i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}
#mpb .mpb-handle i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}
#mpb.mpb-customising .mpb-handle i,#mpb .mpb-handle:hover i{opacity:1}
#mpb .mpb-sizes button{flex:1 1 30%}
#mpb .mpb-framelist{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#mpb .mpb-frame{display:flex!important;align-items:center;gap:10px;text-align:left}
#mpb .mpb-frame i{flex:0 0 34px;height:34px;border:6px solid;background:#fbfaf7;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.2)}
#mpb .mpb-frame span{flex:1}
#mpb .mpb-frame small{display:inline!important}
#mpb .mpb-frame[aria-pressed=true] i{box-shadow:0 0 0 1px #fff}
#mpb .mpb-summary{font-size:13px;color:var(--mpb-mute);margin-top:18px;padding-top:12px;border-top:1px solid var(--mpb-line)}
#mpb .mpb-summary b{color:var(--mpb-ink)}
#mpb .mpb-summary:empty{display:none}
#mpb .mpb-editing{font-size:13px;margin-top:18px;padding:10px 12px;border-radius:6px;background:var(--mpb-line)}
#mpb .mpb-editing[hidden]{display:none}
#mpb .mpb-editing button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
#mpb .mpb-more{margin-top:8px}
#mpb .mpb-more:disabled{opacity:.5}
#mpb .mpb-stage{padding:36px}
#mpb .mpb-summary>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
#mpb .mpb-summary .mpb-total{margin-top:6px;padding-top:8px;border-top:1px solid var(--mpb-line);font-size:15px;color:var(--mpb-ink)}
#mpb .mpb-tray{width:100%;margin-top:18px}
#mpb .mpb-tray h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;color:var(--mpb-mute)}
#mpb .mpb-tray-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
#mpb .mpb-tray-card,#mpb .mpb-tray-add{flex:0 0 auto;background:var(--mpb-bg);border:1px solid var(--mpb-line);border-radius:10px;padding:8px;font:inherit;text-align:left}
#mpb .mpb-tray-card{width:230px;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto 1fr auto;column-gap:10px}
#mpb .mpb-tray-img{grid-row:1/4;height:72px;border-radius:3px;overflow:hidden}
#mpb .mpb-tray-img img{width:100%;height:100%;object-fit:cover;display:block}
#mpb .mpb-tray-card b{font-size:13px;color:var(--mpb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mpb .mpb-tray-card small{font-size:11px;color:var(--mpb-mute);line-height:1.3}
#mpb .mpb-tray-acts{display:flex;gap:14px}
#mpb .mpb-tray-acts button{background:none;border:0;padding:2px 0;font:inherit;font-size:12px;cursor:pointer;color:var(--mpb-ink);text-decoration:underline}
#mpb .mpb-tray-acts [data-tray-remove]{color:#c0392b}
#mpb .mpb-tray-add{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;min-height:90px;cursor:pointer;color:var(--mpb-ink);font-size:12px;font-weight:600;text-align:center}
#mpb .mpb-tray-add span{font-size:28px;font-weight:300;line-height:1;margin-bottom:4px}
#mpb .mpb-tray button:disabled{opacity:.5;cursor:default}
#mpb.mpb-checkout .mpb-stage{justify-content:flex-start}
/* Phones: the poster stays pinned at the top while the options scroll under it,
   and Back / Next stay pinned at the bottom. */
@media (max-width:860px){
  #mpb{overflow:visible;overflow:clip;min-height:0}
  #mpb .mpb-stage{position:sticky;top:var(--mpb-top,0px);z-index:5;padding:10px 12px 12px;box-shadow:0 8px 14px -10px rgba(0,0,0,.3)}
  #mpb.mpb-checkout .mpb-stage,#mpb.mpb-typing .mpb-stage{position:relative;box-shadow:none}
  #mpb.mpb-typing .mpb-nav{position:static;box-shadow:none}
  #mpb .mpb-hint{display:none}
  #mpb .mpb-tray{margin-top:14px}
  #mpb .mpb-nav{position:sticky;bottom:0;z-index:4;background:var(--mpb-bg);margin:12px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 12px -10px rgba(0,0,0,.3)}
  #mpb input[type=text],#mpb select{font-size:16px;padding:11px 12px} /* 16px stops iPhone zooming in on focus */
  #mpb input[type=checkbox]{width:20px;height:20px;flex:0 0 auto}
  #mpb .mpb-check{min-height:36px}
  #mpb .mpb-icon{min-width:40px;min-height:40px;font-size:18px}
  #mpb .mpb-markers li{align-items:center}
  #mpb .mpb-markers button{min-height:36px;padding:0 6px}
  #mpb .maplibregl-ctrl-group button{width:34px;height:34px}
  #mpb .mpb-seg button{min-height:42px}
  #mpb .mpb-tray-acts button{min-height:32px}
  #mpb .mpb-tray.mpb-empty{display:none} /* the panel has its own Add another poster button */
  #mpb.mpb-checkout .mpb-nav{position:static;box-shadow:none} /* keep the cart button uncovered */
  #mpb .mpb-frame{display:grid!important;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:1px}
  #mpb .mpb-frame i{grid-row:1/3}
  #mpb .mpb-frame:not(:has(i)){grid-template-columns:minmax(0,1fr)}
  #mpb .mpb-frame small:empty{display:none!important}
}
@media (max-width:380px){
  #mpb .mpb-steps button{font-size:9px;letter-spacing:0}
  #mpb .mpb-panel{padding:16px 12px}
  #mpb .mpb-nav{margin:12px -12px 0;padding-left:12px;padding-right:12px}
}
#mpb .mpb-mlabel{margin-top:12px;padding-top:12px;border-top:1px solid var(--mpb-line)}
#mpb .mpb-mlabel input[type=text]{width:100%;box-sizing:border-box;margin-bottom:8px}
#mpb .mpb-color-pick{position:relative;width:30px;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.18);cursor:pointer;overflow:hidden;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
#mpb .mpb-color-pick[aria-pressed=true]{outline:2px solid var(--mpb-ink);outline-offset:2px}
#mpb .mpb-color-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
#mpb .mpb-dots .mpb-eyedropper{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--mpb-ink)}
#mpb .mpb-markers .mpb-pick small{font-weight:400;color:var(--mpb-mute);font-size:12px;margin-left:4px}
#mpb .mpb-debug{white-space:pre-wrap;word-break:break-all;font:11px/1.4 ui-monospace,monospace;color:var(--mpb-mute);margin:0}
/* step one: the address drop-down under the search box */
#mpb .mpb-search input[type=text]{padding-left:38px;padding-right:38px;background:#fff no-repeat 12px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-7.2 7-12.5a7 7 0 1 0-14 0C5 14.8 12 22 12 22z' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3C/svg%3E")}
#mpb .mpb-clear{position:absolute;right:6px;top:4px;width:30px;height:30px;border:0;background:none;font-size:20px;line-height:1;color:var(--mpb-mute);cursor:pointer;border-radius:6px}
#mpb .mpb-clear:hover{color:var(--mpb-ink)}
#mpb .mpb-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid var(--mpb-line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.14);max-height:340px;overflow-y:auto}
#mpb .mpb-suggest button{display:block;width:100%;position:relative;text-align:left;padding:11px 84px 11px 14px;border:0;border-top:1px solid var(--mpb-line);background:#fff;font:inherit;font-size:14px;font-weight:500;color:var(--mpb-ink);cursor:pointer}
#mpb .mpb-suggest button:first-child{border-top:0}
#mpb .mpb-suggest button:hover,#mpb .mpb-suggest button.mpb-active{background:#f4f3ef}
#mpb .mpb-suggest small{display:block;color:var(--mpb-mute);font-size:12px;font-weight:400;margin-top:2px}
#mpb .mpb-suggest em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mpb-mute)}
#mpb .mpb-suggest-note{padding:12px 14px;font-size:13px;color:var(--mpb-mute)}
#mpb .mpb-suggest .mpb-debug{padding:8px 14px;border-top:1px solid var(--mpb-line)}
@media (max-width:860px){#mpb .mpb-clear{top:7px}#mpb .mpb-suggest{position:static;margin-top:6px;max-height:none}#mpb .mpb-suggest button{padding-top:13px;padding-bottom:13px}}
#mpb .mpb-range{width:100%;accent-color:var(--mpb-ink);margin:2px 0 4px}
#mpb .mpb-range-val{float:right;font-weight:400;color:var(--mpb-mute);text-transform:none;letter-spacing:0}
#mpb .mpb-stadiumsizer{position:absolute;z-index:3;transform:translate(-50%,-50%);width:26px;height:26px;padding:0;border:0;border-radius:6px;background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:nwse-resize;touch-action:none;display:flex;align-items:center;justify-content:center}
#mpb .mpb-stadiumsizer[hidden]{display:none}
#mpb .mpb-clean-toggle{display:block;margin:10px auto 0;padding:7px 14px;border:1px solid var(--mpb-line);border-radius:999px;background:#fff;color:var(--mpb-ink);font:inherit;font-size:13px;cursor:pointer}
#mpb .mpb-clean-toggle[aria-pressed="true"]{background:var(--mpb-ink);color:#fff;border-color:var(--mpb-ink)}
#mpb.mpb-clean .mpb-stadiumgrab,#mpb.mpb-clean .mpb-stadiumsizer,#mpb.mpb-clean .mpb-circlegrab,#mpb.mpb-clean .maplibregl-ctrl-top-right{display:none!important}
#mpb.mpb-clean .mpb-textgrab,#mpb.mpb-clean .mpb-textgrab:hover{border-color:transparent!important}


/* ---- the map builder engine, hidden; the map draws inside the studio artboard ---- */
.modal-bg[hidden],.drop-overlay[hidden],.chip[hidden],#mapPanel[hidden],#panel[hidden]{display:none!important}
#mpb{position:absolute;left:-20000px;top:0;width:1300px;visibility:hidden;pointer-events:none}

#mapPanel *{box-sizing:border-box}
#mapPanel .mpb-stage{background:var(--mpb-stage);display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:center;padding:28px;min-height:520px;position:relative}
#mapPanel .mpb-poster{position:relative;box-shadow:0 18px 50px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);transition:background .2s}
#mapPanel .mpb-map{position:absolute;overflow:hidden}
#mapPanel .mpb-map.mpb-circle{border-radius:50%}
#mapPanel .mpb-map.mpb-adding .maplibregl-canvas{cursor:crosshair}
#mapPanel .mpb-overlay{position:absolute;inset:0;pointer-events:none}
/* display is set because the drag boxes are empty divs, and Shopify themes like Dawn hide div:empty */
#mapPanel .mpb-textgrab{display:block;position:absolute;z-index:3;cursor:move;touch-action:none;border:1px dashed transparent;border-radius:4px}
#mapPanel .mpb-textgrab:hover,#mapPanel.mpb-dragging .mpb-textgrab{border-color:rgba(255,0,153,.7)}
#mapPanel .mpb-circlegrab{position:absolute;z-index:3;transform:translate(-50%,-50%);width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:move;touch-action:none;display:flex;align-items:center;justify-content:center}
#mapPanel .mpb-circlegrab[hidden],#mapPanel .mpb-textgrab[hidden],#mapPanel .mpb-guide-v[hidden],#mapPanel .mpb-guide-h[hidden],#mapPanel .mpb-reset-pos[hidden]{display:none}
#mapPanel .mpb-guide-v,#mapPanel .mpb-guide-h{display:block;position:absolute;z-index:4;pointer-events:none;background:#ff0099}
#mapPanel .mpb-guide-v{top:0;bottom:0;width:1px}
#mapPanel .mpb-guide-h{left:0;right:0;height:1px}
#mapPanel .mpb-reset-pos{display:block;margin:8px auto 0;padding:4px 10px;border:0;background:none;color:var(--mpb-mute);font-size:12px;text-decoration:underline;cursor:pointer}
#mapPanel .mpb-hint{margin-top:14px;text-align:center;font-size:12px;color:var(--mpb-mute)}
#mapPanel .mpb-panel{border-left:1px solid var(--mpb-line);padding:18px 22px 16px;display:flex;flex-direction:column;min-width:0}
#mapPanel .mpb-body{flex:1;overflow-y:auto;max-height:680px;padding-right:2px}
#mapPanel h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mpb-mute);margin:20px 0 9px;font-weight:600}
#mapPanel h3:first-child{margin-top:0}
#mapPanel input[type=text],#mapPanel select{width:100%;padding:10px 12px;border:1px solid var(--mpb-line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--mpb-ink)}
#mapPanel input[type=text]:focus,#mapPanel select:focus{outline:2px solid var(--mpb-ink);outline-offset:-1px}
#mapPanel .mpb-field{margin-bottom:8px}
#mapPanel .mpb-search{position:relative}
#mapPanel .mpb-results{display:flex;flex-direction:column;gap:8px;margin-top:12px}
#mapPanel .mpb-results:empty{display:none}
#mapPanel .mpb-results button{display:block;width:100%;text-align:left;padding:12px 14px 12px 38px;border:1px solid var(--mpb-line);border-radius:10px;background:#fff no-repeat 12px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-7.2 7-12.5a7 7 0 1 0-14 0C5 14.8 12 22 12 22z' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3C/svg%3E");font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--mpb-ink)}
#mapPanel .mpb-results button:hover,#mapPanel .mpb-results button:focus-visible{border-color:#b5b2aa}
#mapPanel .mpb-results button[aria-pressed=true]{border:2px solid var(--mpb-ink);padding:11px 13px 11px 37px}
#mapPanel .mpb-results button{position:relative;padding-right:84px}
#mapPanel .mpb-results em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mpb-mute)}
#mapPanel .mpb-results button[disabled]{padding-right:14px}
#mapPanel .mpb-results small{display:block;color:var(--mpb-mute);font-size:12px;font-weight:400;margin-top:2px}
#mapPanel .mpb-outline{margin-top:12px}
#mapPanel .mpb-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#mapPanel .mpb-swatch-group{grid-column:1/-1;margin:10px 0 0}
#mapPanel .mpb-swatch{border:2px solid transparent;border-radius:6px;padding:2px;background:none;cursor:pointer;position:relative}
#mapPanel .mpb-swatch span{display:block;aspect-ratio:1;border-radius:3px;border:1px solid rgba(0,0,0,.12)}
#mapPanel .mpb-swatch[aria-pressed=true]{border-color:var(--mpb-ink)}
#mapPanel .mpb-swatch[aria-pressed=true]::after{content:"✓";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:16px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6)}
/* team swatches carry the team's name under them; the tick sits on the colour square */
#mpb .mpb-swatch-team small{display:block;font-size:10px;line-height:1.2;margin-top:3px;color:var(--mpb-ink);text-align:center;overflow-wrap:anywhere}
#mpb .mpb-swatch-team span{position:relative}
#mpb .mpb-swatch-team[aria-pressed=true]::after{content:none}
#mpb .mpb-swatch-team[aria-pressed=true] span::after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6)}
/* the Team colors heading opens and closes the team swatches */
#mpb .mpb-team-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid var(--mpb-line);padding:10px 0 2px;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
#mpb .mpb-team-toggle i{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 0;transition:transform .15s}
#mpb .mpb-team-toggle[aria-expanded=false] i{transform:rotate(-45deg);margin-bottom:0}
#mpb .mpb-teams-closed .mpb-swatch-team{display:none}
/* team swatches carry the team's name under them; the tick sits on the colour square */
#mapPanel .mpb-swatch-team small{display:block;font-size:10px;line-height:1.2;margin-top:3px;color:var(--mpb-ink);text-align:center;overflow-wrap:anywhere}
#mapPanel .mpb-swatch-team span{position:relative}
#mapPanel .mpb-swatch-team[aria-pressed=true]::after{content:none}
#mapPanel .mpb-swatch-team[aria-pressed=true] span::after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6)}
/* the Team colors heading opens and closes the team swatches */
#mapPanel .mpb-team-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid var(--mpb-line);padding:10px 0 2px;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
#mapPanel .mpb-team-toggle i{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 0;transition:transform .15s}
#mapPanel .mpb-team-toggle[aria-expanded=false] i{transform:rotate(-45deg);margin-bottom:0}
#mapPanel .mpb-teams-closed .mpb-swatch-team{display:none}
#mapPanel .mpb-seg{display:flex;gap:6px;flex-wrap:wrap}
#mapPanel .mpb-seg button{flex:1;min-width:0;padding:9px 6px;border:1px solid var(--mpb-line);border-radius:8px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:var(--mpb-ink);line-height:1.25}
#mapPanel .mpb-seg button small{display:block;color:var(--mpb-mute);font-size:11px}
#mapPanel .mpb-seg button[aria-pressed=true]{border-color:var(--mpb-ink);background:var(--mpb-ink);color:#fff}
#mapPanel .mpb-seg button[aria-pressed=true] small{color:#d2d2d7}
#mapPanel .mpb-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:4px 0 8px}
#mapPanel .mpb-row{display:flex;gap:8px;align-items:center}
#mapPanel .mpb-row input[type=color]{width:42px;height:38px;border:1px solid var(--mpb-line);border-radius:8px;padding:2px;background:#fff}
#mapPanel .mpb-markers{list-style:none;margin:8px 0 0;padding:0;font-size:13px}
#mapPanel .mpb-markers li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--mpb-line)}
#mapPanel .mpb-markers button{border:0;background:none;cursor:pointer;color:var(--mpb-mute);font-size:13px}
#mapPanel .mpb-btn{width:100%;padding:12px;border-radius:9px;border:1px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#mapPanel .mpb-btn[aria-pressed=true]{background:#f4f3ef}
#mapPanel .mpb-cta{margin-top:22px;width:100%;padding:15px;border-radius:10px;border:0;background:var(--mpb-accent);color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer}
#mapPanel .mpb-cta:disabled{opacity:.5;cursor:default}
#mapPanel .mpb-note{font-size:12px;color:var(--mpb-mute);margin-top:8px;line-height:1.5}
#mapPanel .mpb-export{margin-top:22px;padding:14px;border:1px dashed #b5b2aa;border-radius:10px;background:#faf9f6}
#mapPanel .mpb-toast{position:absolute;left:50%;top:16px;transform:translateX(-50%);background:var(--mpb-ink);color:#fff;padding:9px 14px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:30;max-width:90%}
#mapPanel .mpb-toast.mpb-show{opacity:1}
@media (max-width:860px){
  #mpb{grid-template-columns:minmax(0,1fr)}
  #mapPanel .mpb-stage{padding:16px;min-height:0}
  #mapPanel .mpb-panel{border-left:0;border-top:1px solid var(--mpb-line);max-height:none;padding:18px 16px}
}
#mapPanel .mpb-circle .maplibregl-ctrl-top-right{display:none}
#mapPanel .mpb-sub{font-size:12px;color:var(--mpb-mute);margin:12px 0 6px}
#mapPanel .mpb-toggles{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;margin-top:10px}
#mapPanel .mpb-toggles .mpb-check{margin:3px 0}
#mapPanel [hidden]{display:none!important}
#mapPanel .mpb-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;gap:4px}
#mapPanel .mpb-steps li{flex:1;min-width:0}
#mapPanel .mpb-steps button{width:100%;border:0;background:none;padding:0 0 8px;font:inherit;font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--mpb-mute);cursor:pointer;border-bottom:3px solid var(--mpb-line);display:flex;flex-direction:column;align-items:center;gap:4px}
#mapPanel .mpb-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--mpb-line);font-size:12px;letter-spacing:0;background:#fff}
#mapPanel .mpb-steps .mpb-done{color:var(--mpb-ink);border-bottom-color:var(--mpb-ink)}
#mapPanel .mpb-steps .mpb-done b{background:var(--mpb-ink);border-color:var(--mpb-ink);color:#fff}
#mapPanel .mpb-steps [aria-current=step]{color:var(--mpb-ink);font-weight:700;border-bottom-color:var(--mpb-ink)}
#mapPanel .mpb-steps [aria-current=step] b{border:2px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink)}
#mapPanel .mpb-steps button:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#mapPanel .mpb-step h2{font-size:20px;margin:0 0 4px;letter-spacing:.01em}
#mapPanel .mpb-intro{font-size:13px;color:var(--mpb-mute);margin:0 0 14px;line-height:1.5}
#mapPanel .mpb-step h3{margin-top:18px}
#mapPanel .mpb-nav{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mpb-line)}
#mapPanel .mpb-nav button{flex:1;padding:13px;border-radius:9px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#mapPanel .mpb-back{background:#fff;border:1px solid var(--mpb-line);color:var(--mpb-ink);flex:0 0 96px!important}
#mapPanel .mpb-next{background:var(--mpb-ink);border:1px solid var(--mpb-ink);color:#fff}
#mapPanel .mpb-credit{font-size:10.5px;color:var(--mpb-mute);margin-top:10px;text-align:center}
#mapPanel .mpb-step .mpb-cta{margin-top:20px}
@media (max-width:860px){#mapPanel .mpb-body{max-height:none;overflow:visible}#mapPanel .mpb-steps button{font-size:10px}}
#mapPanel .mpb-basemap{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;z-index:1;object-fit:cover}
#mapPanel .mpb-has-basemap .mpb-basemap{display:block}
#mapPanel .mpb-map .maplibregl-control-container{position:relative;z-index:2}
#mapPanel .mpb-card{border:1px solid var(--mpb-line);border-radius:10px;padding:12px 14px;margin-bottom:6px}
#mapPanel .mpb-card h3{margin:12px 0 6px}
#mapPanel .mpb-card-head{display:flex;justify-content:space-between;align-items:center}
#mapPanel .mpb-icon{border:0;background:none;cursor:pointer;font-size:16px;padding:2px 6px;color:var(--mpb-ink)}
#mapPanel .mpb-icon:disabled{opacity:.35;cursor:default}
#mapPanel .mpb-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#mapPanel .mpb-seg svg{display:block;margin:0 auto}
#mapPanel .mpb-dots{display:flex;gap:6px;flex-wrap:wrap}
#mapPanel .mpb-dots button{width:30px;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
#mapPanel .mpb-dots button[aria-pressed=true]{outline:2px solid var(--mpb-ink);outline-offset:2px}
#mapPanel .mpb-small{padding:9px;font-size:13px}
#mapPanel .mpb-markers li.mpb-current .mpb-pick{font-weight:700;color:var(--mpb-ink)}
#mapPanel .mpb-markers .mpb-pick{color:var(--mpb-ink);padding:0}
#mapPanel .mpb-handle{cursor:move} /* no position here: MapLibre places it absolutely; position:relative stacked the handles below each other */
#mapPanel .mpb-handle i{position:absolute;width:28%;height:28%;border:0 solid #fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.8));opacity:0;transition:opacity .15s}
#mapPanel .mpb-handle i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}
#mapPanel .mpb-handle i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}
#mapPanel .mpb-handle i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}
#mapPanel .mpb-handle i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}
#mapPanel.mpb-customising .mpb-handle i,#mapPanel .mpb-handle:hover i{opacity:1}
#mapPanel .mpb-sizes button{flex:1 1 30%}
#mapPanel .mpb-framelist{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#mapPanel .mpb-frame{display:flex!important;align-items:center;gap:10px;text-align:left}
#mapPanel .mpb-frame i{flex:0 0 34px;height:34px;border:6px solid;background:#fbfaf7;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.2)}
#mapPanel .mpb-frame span{flex:1}
#mapPanel .mpb-frame small{display:inline!important}
#mapPanel .mpb-frame[aria-pressed=true] i{box-shadow:0 0 0 1px #fff}
#mapPanel .mpb-summary{font-size:13px;color:var(--mpb-mute);margin-top:18px;padding-top:12px;border-top:1px solid var(--mpb-line)}
#mapPanel .mpb-summary b{color:var(--mpb-ink)}
#mapPanel .mpb-summary:empty{display:none}
#mapPanel .mpb-editing{font-size:13px;margin-top:18px;padding:10px 12px;border-radius:6px;background:var(--mpb-line)}
#mapPanel .mpb-editing[hidden]{display:none}
#mapPanel .mpb-editing button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
#mapPanel .mpb-more{margin-top:8px}
#mapPanel .mpb-more:disabled{opacity:.5}
#mapPanel .mpb-stage{padding:36px}
#mapPanel .mpb-summary>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
#mapPanel .mpb-summary .mpb-total{margin-top:6px;padding-top:8px;border-top:1px solid var(--mpb-line);font-size:15px;color:var(--mpb-ink)}
#mapPanel .mpb-tray{width:100%;margin-top:18px}
#mapPanel .mpb-tray h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;color:var(--mpb-mute)}
#mapPanel .mpb-tray-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
#mapPanel .mpb-tray-card,#mapPanel .mpb-tray-add{flex:0 0 auto;background:var(--mpb-bg);border:1px solid var(--mpb-line);border-radius:10px;padding:8px;font:inherit;text-align:left}
#mapPanel .mpb-tray-card{width:230px;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto 1fr auto;column-gap:10px}
#mapPanel .mpb-tray-img{grid-row:1/4;height:72px;border-radius:3px;overflow:hidden}
#mapPanel .mpb-tray-img img{width:100%;height:100%;object-fit:cover;display:block}
#mapPanel .mpb-tray-card b{font-size:13px;color:var(--mpb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mapPanel .mpb-tray-card small{font-size:11px;color:var(--mpb-mute);line-height:1.3}
#mapPanel .mpb-tray-acts{display:flex;gap:14px}
#mapPanel .mpb-tray-acts button{background:none;border:0;padding:2px 0;font:inherit;font-size:12px;cursor:pointer;color:var(--mpb-ink);text-decoration:underline}
#mapPanel .mpb-tray-acts [data-tray-remove]{color:#c0392b}
#mapPanel .mpb-tray-add{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;min-height:90px;cursor:pointer;color:var(--mpb-ink);font-size:12px;font-weight:600;text-align:center}
#mapPanel .mpb-tray-add span{font-size:28px;font-weight:300;line-height:1;margin-bottom:4px}
#mapPanel .mpb-tray button:disabled{opacity:.5;cursor:default}
#mapPanel.mpb-checkout .mpb-stage{justify-content:flex-start}
/* Phones: the poster stays pinned at the top while the options scroll under it,
   and Back / Next stay pinned at the bottom. */
@media (max-width:860px){
  #mpb{overflow:visible;overflow:clip;min-height:0}
  #mapPanel .mpb-stage{position:sticky;top:var(--mpb-top,0px);z-index:5;padding:10px 12px 12px;box-shadow:0 8px 14px -10px rgba(0,0,0,.3)}
  #mapPanel.mpb-checkout .mpb-stage,#mapPanel.mpb-typing .mpb-stage{position:relative;box-shadow:none}
  #mapPanel.mpb-typing .mpb-nav{position:static;box-shadow:none}
  #mapPanel .mpb-hint{display:none}
  #mapPanel .mpb-tray{margin-top:14px}
  #mapPanel .mpb-nav{position:sticky;bottom:0;z-index:4;background:var(--mpb-bg);margin:12px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 12px -10px rgba(0,0,0,.3)}
  #mapPanel input[type=text],#mapPanel select{font-size:16px;padding:11px 12px} /* 16px stops iPhone zooming in on focus */
  #mapPanel input[type=checkbox]{width:20px;height:20px;flex:0 0 auto}
  #mapPanel .mpb-check{min-height:36px}
  #mapPanel .mpb-icon{min-width:40px;min-height:40px;font-size:18px}
  #mapPanel .mpb-markers li{align-items:center}
  #mapPanel .mpb-markers button{min-height:36px;padding:0 6px}
  #mapPanel .maplibregl-ctrl-group button{width:34px;height:34px}
  #mapPanel .mpb-seg button{min-height:42px}
  #mapPanel .mpb-tray-acts button{min-height:32px}
  #mapPanel .mpb-tray.mpb-empty{display:none} /* the panel has its own Add another poster button */
  #mapPanel.mpb-checkout .mpb-nav{position:static;box-shadow:none} /* keep the cart button uncovered */
  #mapPanel .mpb-frame{display:grid!important;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:1px}
  #mapPanel .mpb-frame i{grid-row:1/3}
  #mapPanel .mpb-frame:not(:has(i)){grid-template-columns:minmax(0,1fr)}
  #mapPanel .mpb-frame small:empty{display:none!important}
}
@media (max-width:380px){
  #mapPanel .mpb-steps button{font-size:9px;letter-spacing:0}
  #mapPanel .mpb-panel{padding:16px 12px}
  #mapPanel .mpb-nav{margin:12px -12px 0;padding-left:12px;padding-right:12px}
}
#mapPanel .mpb-mlabel{margin-top:12px;padding-top:12px;border-top:1px solid var(--mpb-line)}
#mapPanel .mpb-mlabel input[type=text]{width:100%;box-sizing:border-box;margin-bottom:8px}
#mapPanel .mpb-color-pick{position:relative;width:30px;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.18);cursor:pointer;overflow:hidden;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
#mapPanel .mpb-color-pick[aria-pressed=true]{outline:2px solid var(--mpb-ink);outline-offset:2px}
#mapPanel .mpb-color-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
#mapPanel .mpb-dots .mpb-eyedropper{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--mpb-ink)}
#mapPanel .mpb-markers .mpb-pick small{font-weight:400;color:var(--mpb-mute);font-size:12px;margin-left:4px}
#mapPanel .mpb-debug{white-space:pre-wrap;word-break:break-all;font:11px/1.4 ui-monospace,monospace;color:var(--mpb-mute);margin:0}
/* step one: the address drop-down under the search box */
#mapPanel .mpb-search input[type=text]{padding-left:38px;padding-right:38px;background:#fff no-repeat 12px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-7.2 7-12.5a7 7 0 1 0-14 0C5 14.8 12 22 12 22z' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3C/svg%3E")}
#mapPanel .mpb-clear{position:absolute;right:6px;top:4px;width:30px;height:30px;border:0;background:none;font-size:20px;line-height:1;color:var(--mpb-mute);cursor:pointer;border-radius:6px}
#mapPanel .mpb-clear:hover{color:var(--mpb-ink)}
#mapPanel .mpb-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid var(--mpb-line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.14);max-height:340px;overflow-y:auto}
#mapPanel .mpb-suggest button{display:block;width:100%;position:relative;text-align:left;padding:11px 84px 11px 14px;border:0;border-top:1px solid var(--mpb-line);background:#fff;font:inherit;font-size:14px;font-weight:500;color:var(--mpb-ink);cursor:pointer}
#mapPanel .mpb-suggest button:first-child{border-top:0}
#mapPanel .mpb-suggest button:hover,#mapPanel .mpb-suggest button.mpb-active{background:#f4f3ef}
#mapPanel .mpb-suggest small{display:block;color:var(--mpb-mute);font-size:12px;font-weight:400;margin-top:2px}
#mapPanel .mpb-suggest em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mpb-mute)}
#mapPanel .mpb-suggest-note{padding:12px 14px;font-size:13px;color:var(--mpb-mute)}
#mapPanel .mpb-suggest .mpb-debug{padding:8px 14px;border-top:1px solid var(--mpb-line)}
@media (max-width:860px){#mapPanel .mpb-clear{top:7px}#mapPanel .mpb-suggest{position:static;margin-top:6px;max-height:none}#mapPanel .mpb-suggest button{padding-top:13px;padding-bottom:13px}}
#mapPanel .mpb-range{width:100%;accent-color:var(--mpb-ink);margin:2px 0 4px}
#mapPanel .mpb-range-val{float:right;font-weight:400;color:var(--mpb-mute);text-transform:none;letter-spacing:0}
#mapPanel .mpb-stadiumsizer{position:absolute;z-index:3;transform:translate(-50%,-50%);width:26px;height:26px;padding:0;border:0;border-radius:6px;background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:nwse-resize;touch-action:none;display:flex;align-items:center;justify-content:center}
#mapPanel .mpb-stadiumsizer[hidden]{display:none}
#mapPanel .mpb-clean-toggle{display:block;margin:10px auto 0;padding:7px 14px;border:1px solid var(--mpb-line);border-radius:999px;background:#fff;color:var(--mpb-ink);font:inherit;font-size:13px;cursor:pointer}
#mapPanel .mpb-clean-toggle[aria-pressed="true"]{background:var(--mpb-ink);color:#fff;border-color:var(--mpb-ink)}
#mapPanel.mpb-clean .mpb-stadiumgrab,#mapPanel.mpb-clean .mpb-stadiumsizer,#mapPanel.mpb-clean .mpb-circlegrab,#mapPanel.mpb-clean .maplibregl-ctrl-top-right{display:none!important}
#mapPanel.mpb-clean .mpb-textgrab,#mapPanel.mpb-clean .mpb-textgrab:hover{border-color:transparent!important}

#mapPanel{--mpb-ink:var(--ink);--mpb-mute:var(--ink-2);--mpb-line:var(--line);--mpb-accent:var(--accent);--mpb-bg:var(--panel);font-family:var(--font-body);color:var(--ink)}
#mapPanel .mpb-step{display:block!important;border:0;padding:0;margin:0 0 18px}
#mapPanel .map-tools{margin-bottom:20px}
#mapPanel .map-tools .btn{white-space:nowrap;padding:7px 6px}
#mapPanel .mpb-step h2{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.01em;margin:0 0 8px}
#mapPanel .mpb-step h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:18px 0 8px;font-weight:600}
#mapPanel .mpb-intro{font-size:13px;line-height:1.5;color:var(--ink-2);margin:0 0 12px}
#mapPanel .mpb-step+.mpb-step{border-top:1px solid var(--line);padding-top:18px}
/* app fills the window; side panels scroll on their own */
html,body{margin:0;overflow:hidden}
.app{height:100vh;height:100dvh}
.work,.tools{min-height:0;overflow:hidden}
.tools{grid-template-rows:minmax(0,1fr)}
.tools > .panel,.inspector{min-height:0;overflow-y:auto;overscroll-behavior:contain}
#mpb{height:900px;overflow:hidden}
@media (max-width:1100px) and (min-width:721px){
  .app{height:100vh;height:100dvh}
  .work{grid-template-columns:270px minmax(0,1fr) 240px}
  .inspector{grid-column:auto;border-left:1px solid var(--line);border-top:0;display:block}
  .stage{min-height:0}
}
@media (max-width:720px){
  html,body{overflow:auto}
  .app{height:auto}
  .work,.tools{overflow:visible}
  .tools > .panel{max-height:55vh}
}
#mapPanel [hidden]{display:none!important}
#mapPanel .map-group > .mpb-step:first-of-type{border-top:0;padding-top:0}
#mapPanel .sports-look{margin-top:8px}
/* ---- golf poster engine: its controls are the Golf panel, its stage stays off screen ---- */
/* Layout: same two-pane builder as the Misfit Prints map, stadium and cocktail builders. Poster stage left, step panel right; stacks on phones. */
#gpb{--mpb-ink:#1d1d1f;--mpb-mute:#6e6e73;--mpb-line:#e3e1dc;--mpb-bg:#fff;--mpb-stage:#f1efea;
  font-family:"Montserrat",system-ui,sans-serif;color:var(--mpb-ink);display:grid;grid-template-columns:minmax(0,1fr) 380px;
  min-height:640px;border:1px solid var(--mpb-line);border-radius:14px;overflow:hidden;background:var(--mpb-bg);box-sizing:border-box}
#gpb *{box-sizing:border-box}
#gpb [hidden]{display:none!important}
#gpb .mpb-stage{background:var(--mpb-stage);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;min-height:520px;position:relative}
#gpb .mpb-poster{display:block;box-shadow:0 18px 50px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);max-width:100%;height:auto;touch-action:none;cursor:default}
#gpb .mpb-poster.mpb-framed{border:14px solid var(--frame,#c9a77c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 18px 50px rgba(0,0,0,.2)}
#gpb .mpb-poster:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:4px}
#gpb .mpb-hint{margin-top:14px;text-align:center;font-size:12px;color:var(--mpb-mute);line-height:1.5}
#gpb .mpb-hint i{display:inline-block;width:22px;border-top:2px dotted #d93a3a;vertical-align:middle;margin-right:6px}
#gpb .mpb-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px;font-size:12px;color:var(--mpb-mute);min-height:34px}
#gpb .mpb-tools b{color:var(--mpb-ink);font-weight:600}
#gpb .mpb-tools label{display:flex;align-items:center;gap:6px}
#gpb .mpb-tools input[type=range]{width:120px;accent-color:var(--mpb-ink)}
#gpb .mpb-tools button{border:1px solid var(--mpb-line);background:#fff;border-radius:7px;padding:6px 10px;font:inherit;font-size:12px;font-weight:600;color:var(--mpb-ink);cursor:pointer}
#gpb .mpb-tools button:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#gpb .mpb-panel{border-left:1px solid var(--mpb-line);padding:18px 22px 16px;display:flex;flex-direction:column;min-width:0}
#gpb .mpb-body{flex:1;overflow-y:auto;max-height:680px;padding-right:2px}
#gpb h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mpb-mute);margin:18px 0 9px;font-weight:600}
#gpb input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--mpb-line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--mpb-ink)}
#gpb input[type=text]:focus{outline:2px solid var(--mpb-ink);outline-offset:-1px}
#gpb .mpb-field{margin-bottom:8px}
#gpb .mpb-seg{display:flex;gap:6px;flex-wrap:wrap}
#gpb .mpb-seg button{flex:1;min-width:0;padding:9px 6px;border:1px solid var(--mpb-line);border-radius:8px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:var(--mpb-ink);line-height:1.25}
#gpb .mpb-seg button small{display:block;color:var(--mpb-mute);font-size:11px}
#gpb .mpb-seg button[aria-pressed=true]{border-color:var(--mpb-ink);background:var(--mpb-ink);color:#fff}
#gpb .mpb-seg button[aria-pressed=true] small{color:#d2d2d7}
#gpb .mpb-seg button:focus-visible,#gpb .mpb-course:focus-visible,#gpb .mpb-theme:focus-visible,#gpb .mpb-swatch:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#gpb .mpb-fonts button{flex:1 1 30%;font-size:19px;padding:8px 4px}
#gpb .mpb-fonts button small{font-family:Montserrat,system-ui,sans-serif;font-size:10.5px;margin-top:2px;font-style:normal;font-weight:400;letter-spacing:0}
#gpb .mpb-picked{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:9px 12px;border:2px solid var(--mpb-ink);border-radius:10px}
#gpb .mpb-picked img{width:44px;height:56px;object-fit:contain}
#gpb .mpb-picked small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mpb-mute)}
#gpb .mpb-picked b{display:block;font-size:14px}
#gpb .mpb-picked span span{display:block;font-size:12px;color:var(--mpb-mute)}
#gpb .mpb-search{position:relative;margin-top:14px}
#gpb .mpb-search input[type=text]{padding-left:36px;padding-right:36px;background:#fff no-repeat 12px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3Cpath d='M15.5 15.5 21 21' stroke='%236e6e73' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#gpb .mpb-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:18px;line-height:1;padding:6px 8px;cursor:pointer;color:var(--mpb-mute)}
#gpb .mpb-group{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mpb-mute);font-weight:600;margin:16px 0 0}
#gpb .mpb-group small{letter-spacing:0;text-transform:none;font-weight:400;font-size:12px}
#gpb .mpb-empty-note{font-size:13px;color:var(--mpb-mute);line-height:1.5;padding:14px 2px 4px}
#gpb .mpb-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px}
#gpb .mpb-course{border:1px solid var(--mpb-line);border-radius:10px;background:#faf9f6;padding:10px 6px 8px;cursor:pointer;font:inherit;color:var(--mpb-ink);display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}
#gpb .mpb-course img{width:100%;height:78px;object-fit:contain}
#gpb .mpb-course span{font-size:11.5px;font-weight:600;text-align:center;line-height:1.2}
#gpb .mpb-course em{font-style:normal;font-size:10.5px;color:var(--mpb-mute);text-align:center;line-height:1.2}
#gpb .mpb-course:hover{border-color:#b5b2aa}
#gpb .mpb-course[aria-pressed=true]{border:2px solid var(--mpb-ink);padding:9px 5px 7px;background:#fff}
#gpb .mpb-course i{position:absolute;top:6px;right:6px;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.06em;background:#e9e6df;color:var(--mpb-mute);border-radius:4px;padding:2px 5px}
#gpb .mpb-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
#gpb .mpb-theme{border:1px solid var(--mpb-line);border-radius:10px;background:#fff;padding:8px 8px 9px;cursor:pointer;font:inherit;color:var(--mpb-ink);text-align:left}
#gpb .mpb-theme canvas{display:block;width:100%;aspect-ratio:3/4;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#gpb .mpb-thumb{display:block;position:relative;margin-bottom:8px}
#gpb .mpb-papers{position:absolute;top:6px;right:6px;left:auto;max-width:calc(100% - 12px);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:3px 5px;background:rgba(255,255,255,.92);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
#gpb .mpb-papers span{display:block;flex:none;box-sizing:border-box;margin:0;padding:0;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}
#gpb .mpb-papers span.mpb-on{outline:1.5px solid var(--mpb-ink);outline-offset:1px}
#gpb .mpb-theme b{display:block;font-size:13px}
#gpb .mpb-theme small{display:block;font-size:11px;color:var(--mpb-mute);margin-top:1px}
#gpb .mpb-theme[aria-pressed=true]{border:2px solid var(--mpb-ink);padding:7px 7px 8px}
#gpb .mpb-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#gpb .mpb-swatch{border:2px solid transparent;border-radius:6px;padding:2px;background:none;cursor:pointer;font:inherit;color:var(--mpb-mute);font-size:10.5px}
#gpb .mpb-swatch span{display:block;aspect-ratio:1;border-radius:3px;border:1px solid rgba(0,0,0,.12);margin-bottom:3px}
#gpb .mpb-swatch[aria-pressed=true]{border-color:var(--mpb-ink);color:var(--mpb-ink)}
#gpb .mpb-btn{width:100%;padding:12px;border-radius:9px;border:1px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}
#gpb .mpb-cta{margin-top:20px;width:100%;padding:15px;border-radius:10px;border:0;background:var(--mpb-ink);color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer}
#gpb .mpb-note{font-size:12px;color:var(--mpb-mute);margin-top:8px;line-height:1.5}
#gpb .mpb-tray{align-self:stretch;margin-top:18px}
#gpb .mpb-tray h3{margin:0 0 8px}
#gpb .mpb-tray-m{display:none}
#gpb .mpb-tiles{display:flex;gap:12px;flex-wrap:wrap}
#gpb .mpb-tile-w{position:relative}
#gpb .mpb-tile{width:96px;height:112px;border:1px solid var(--mpb-line);border-radius:10px;background:#fff;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;cursor:pointer;font:inherit;font-size:11px;color:var(--mpb-ink)}
#gpb .mpb-tile canvas{box-shadow:0 1px 4px rgba(0,0,0,.18);max-height:72px}
#gpb .mpb-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
#gpb .mpb-tile[aria-current=true]{border:2px solid var(--mpb-ink);padding:7px 5px 5px}
#gpb .mpb-tile:focus-visible,#gpb .mpb-del:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#gpb .mpb-add{border:1.5px dashed #bdb9b0;background:rgba(255,255,255,.6);justify-content:center;font-weight:600;font-size:12px;line-height:1.35;text-align:center}
#gpb .mpb-add b{font-size:22px;font-weight:400;line-height:1}
#gpb .mpb-del{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:1px solid var(--mpb-line);background:#fff;font-size:14px;line-height:1;cursor:pointer;color:var(--mpb-mute);padding:0}
#gpb .mpb-summary .mpb-cur span{color:var(--mpb-ink);font-weight:600}
#gpb .mpb-toast{position:absolute;left:50%;top:16px;transform:translateX(-50%);background:var(--mpb-ink);color:#fff;padding:9px 14px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:30;max-width:90%}
#gpb .mpb-toast.mpb-show{opacity:1}
#gpb .mpb-zoom-btn{position:absolute;top:12px;right:12px;z-index:6;display:flex;align-items:center;gap:6px;border:1px solid var(--mpb-line);background:#fff;color:var(--mpb-ink);border-radius:999px;padding:7px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
#gpb .mpb-zoom-btn:hover{border-color:var(--mpb-ink)}
#gpb .mpb-zoom-btn:focus-visible,#gpb .mpb-zoom button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#gpb .mpb-zoom{position:fixed;inset:0;z-index:2147483000;background:rgba(24,24,26,.94);display:flex;flex-direction:column}
#gpb .mpb-zoom-view{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab}
#gpb .mpb-zoom-view.mpb-grabbing{cursor:grabbing}
#gpb .mpb-zoom-canvas{position:absolute;left:0;top:0;transform-origin:0 0;box-shadow:0 18px 50px rgba(0,0,0,.4);max-width:none}
#gpb .mpb-zoom-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px 4px}
#gpb .mpb-zoom-bar input{width:min(260px,50vw);accent-color:#fff}
#gpb .mpb-zoom-step{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:none;color:#fff;font:inherit;font-size:20px;line-height:1;cursor:pointer}
#gpb .mpb-zoom-close{border:0;border-radius:999px;background:#fff;color:#1d1d1f;font:inherit;font-size:14px;font-weight:600;padding:9px 18px;cursor:pointer;margin-left:8px}
#gpb .mpb-zoom-hint{margin:0;padding:2px 16px 14px;text-align:center;color:rgba(255,255,255,.65);font-size:12px}
#gpb .mpb-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;gap:4px}
#gpb .mpb-steps li{flex:1;min-width:0}
#gpb .mpb-steps button{width:100%;border:0;background:none;padding:0 0 8px;font:inherit;font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--mpb-mute);cursor:pointer;border-bottom:3px solid var(--mpb-line);display:flex;flex-direction:column;align-items:center;gap:4px}
#gpb .mpb-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--mpb-line);font-size:12px;background:#fff}
#gpb .mpb-steps .mpb-done{color:var(--mpb-ink);border-bottom-color:var(--mpb-ink)}
#gpb .mpb-steps .mpb-done b{background:var(--mpb-ink);border-color:var(--mpb-ink);color:#fff}
#gpb .mpb-steps [aria-current=step]{color:var(--mpb-ink);font-weight:700;border-bottom-color:var(--mpb-ink)}
#gpb .mpb-steps [aria-current=step] b{border:2px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink)}
#gpb .mpb-step h2{font-size:20px;margin:0 0 4px;letter-spacing:.01em}
#gpb .mpb-intro{font-size:13px;color:var(--mpb-mute);margin:0 0 14px;line-height:1.5}
#gpb .mpb-nav{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mpb-line)}
#gpb .mpb-nav button{flex:1;padding:13px;border-radius:9px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#gpb .mpb-back{background:#fff;border:1px solid var(--mpb-line);color:var(--mpb-ink);flex:0 0 96px!important}
#gpb .mpb-next{background:var(--mpb-ink);border:1px solid var(--mpb-ink);color:#fff}
#gpb .mpb-summary{font-size:13px;color:var(--mpb-mute);margin-top:18px;padding-top:12px;border-top:1px solid var(--mpb-line)}
#gpb .mpb-summary>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
#gpb .mpb-summary b{color:var(--mpb-ink)}
#gpb .mpb-summary .mpb-total{margin-top:6px;padding-top:8px;border-top:1px solid var(--mpb-line);font-size:15px;color:var(--mpb-ink)}
#gpb .mpb-sizes button{flex:1 1 30%}
#gpb .mpb-check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:12px;border:1px solid var(--mpb-line);border-radius:9px;cursor:pointer;margin-top:4px}
#gpb .mpb-check input{width:18px;height:18px;accent-color:var(--mpb-ink);margin:0}
#gpb .mpb-check small{display:block;font-weight:400;font-size:12px;color:var(--mpb-mute);margin-top:1px}
#gpb .mpb-scores{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
#gpb .mpb-scores label{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--mpb-mute)}
#gpb .mpb-scores input{width:100%;padding:7px 2px;text-align:center;border:1px solid var(--mpb-line);border-radius:7px;font:inherit;font-size:14px;color:var(--mpb-ink)}
#gpb .mpb-scores input:focus{outline:2px solid var(--mpb-ink);outline-offset:-1px}
#gpb .mpb-sub-opts{margin-top:4px}
#gpb .mpb-steps button{font-size:10px}
@media (max-width:860px){
  #gpb .mpb-scores input{font-size:16px}
  #gpb .mpb-tray-d{display:none}
  #gpb .mpb-tray-m{display:block}
  #gpb{grid-template-columns:minmax(0,1fr);overflow:clip;min-height:0}
  #gpb .mpb-stage{position:sticky;top:0;z-index:5;padding:12px;min-height:0;box-shadow:0 8px 14px -10px rgba(0,0,0,.3)}
  #gpb .mpb-poster{max-height:38vh;width:auto}
  #gpb .mpb-zoom-btn{top:8px;right:8px;padding:6px 10px}
  #gpb .mpb-zoom-btn span{display:none}
  #gpb .mpb-hint{margin-top:6px;font-size:10.5px}
  #gpb .mpb-hint-more,#gpb .mpb-sel-none{display:none}
  #gpb .mpb-tools button{padding:5px 9px}
  #gpb .mpb-tools{margin-top:8px;min-height:30px}
  #gpb .mpb-panel{border-left:0;border-top:1px solid var(--mpb-line);padding:18px 16px}
  #gpb .mpb-body{max-height:none;overflow:visible}
  #gpb .mpb-nav{position:sticky;bottom:0;z-index:4;background:var(--mpb-bg);margin:12px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 12px -10px rgba(0,0,0,.3)}
  #gpb input[type=text]{font-size:16px}
  #gpb .mpb-seg button{min-height:42px}
}
@media (max-width:340px){#gpb .mpb-courses{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){#gpb .mpb-toast{transition:none}}

#gpb.panel{display:block;grid-template-columns:none;min-height:0;border:0;border-radius:0;background:transparent;overflow-y:auto;font-family:var(--font-body);color:var(--ink);
  --mpb-ink:var(--ink);--mpb-mute:var(--ink-2);--mpb-line:var(--line);--mpb-bg:var(--panel)}
#gpb.panel[hidden]{display:none!important}
#gpb .mpb-stage{position:absolute!important;left:-20000px;top:0;width:640px;min-height:0;visibility:hidden;pointer-events:none}
#gpb .mpb-zoom{display:none!important}
#gpb .mpb-panel{border:0;padding:0;display:block}
#gpb .mpb-body{max-height:none;overflow:visible;padding:0}
#gpb .mpb-steps,#gpb .mpb-nav,#gpb .mpb-step[data-step="5"]{display:none!important}
#gpb .mpb-step[data-step]:not([data-step="5"]){display:block!important;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
#gpb .mpb-step[data-step="1"]{border-top:0;padding-top:0;margin-top:14px}
#gpb .mpb-step h2,#gpb h2.gpb-head{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.01em;margin:0 0 8px}
#gpb .mpb-intro{font-size:13px;line-height:1.5;color:var(--ink-2);margin:0 0 12px}
#gpb .mpb-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#gpb .mpb-courses{grid-template-columns:repeat(2,minmax(0,1fr))}
#gpb .mpb-seg button,#gpb input[type=text],#gpb .mpb-course,#gpb .mpb-theme{background:var(--panel);color:var(--ink)}
#gpb .mpb-seg button[aria-pressed=true]{background:var(--ink);color:var(--panel)}
#gpb .gpb-tools{margin:10px 0 0}
/* golf options for the selected item, in the right-hand panel */
.inspector[hidden]{display:none!important}
/* Layout: same two-pane builder as the Misfit Prints map, stadium and cocktail builders. Poster stage left, step panel right; stacks on phones. */

#golfInspector *{box-sizing:border-box}
#golfInspector [hidden]{display:none!important}
#golfInspector .mpb-stage{background:var(--mpb-stage);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;min-height:520px;position:relative}
#golfInspector .mpb-poster{display:block;box-shadow:0 18px 50px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);max-width:100%;height:auto;touch-action:none;cursor:default}
#golfInspector .mpb-poster.mpb-framed{border:14px solid var(--frame,#c9a77c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 18px 50px rgba(0,0,0,.2)}
#golfInspector .mpb-poster:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:4px}
#golfInspector .mpb-hint{margin-top:14px;text-align:center;font-size:12px;color:var(--mpb-mute);line-height:1.5}
#golfInspector .mpb-hint i{display:inline-block;width:22px;border-top:2px dotted #d93a3a;vertical-align:middle;margin-right:6px}
#golfInspector .mpb-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px;font-size:12px;color:var(--mpb-mute);min-height:34px}
#golfInspector .mpb-tools b{color:var(--mpb-ink);font-weight:600}
#golfInspector .mpb-tools label{display:flex;align-items:center;gap:6px}
#golfInspector .mpb-tools input[type=range]{width:120px;accent-color:var(--mpb-ink)}
#golfInspector .mpb-tools button{border:1px solid var(--mpb-line);background:#fff;border-radius:7px;padding:6px 10px;font:inherit;font-size:12px;font-weight:600;color:var(--mpb-ink);cursor:pointer}
#golfInspector .mpb-tools button:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#golfInspector .mpb-panel{border-left:1px solid var(--mpb-line);padding:18px 22px 16px;display:flex;flex-direction:column;min-width:0}
#golfInspector .mpb-body{flex:1;overflow-y:auto;max-height:680px;padding-right:2px}
#golfInspector h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mpb-mute);margin:18px 0 9px;font-weight:600}
#golfInspector input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--mpb-line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--mpb-ink)}
#golfInspector input[type=text]:focus{outline:2px solid var(--mpb-ink);outline-offset:-1px}
#golfInspector .mpb-field{margin-bottom:8px}
#golfInspector .mpb-seg{display:flex;gap:6px;flex-wrap:wrap}
#golfInspector .mpb-seg button{flex:1;min-width:0;padding:9px 6px;border:1px solid var(--mpb-line);border-radius:8px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:var(--mpb-ink);line-height:1.25}
#golfInspector .mpb-seg button small{display:block;color:var(--mpb-mute);font-size:11px}
#golfInspector .mpb-seg button[aria-pressed=true]{border-color:var(--mpb-ink);background:var(--mpb-ink);color:#fff}
#golfInspector .mpb-seg button[aria-pressed=true] small{color:#d2d2d7}
#golfInspector .mpb-seg button:focus-visible,#golfInspector .mpb-course:focus-visible,#golfInspector .mpb-theme:focus-visible,#golfInspector .mpb-swatch:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#golfInspector .mpb-fonts button{flex:1 1 30%;font-size:19px;padding:8px 4px}
#golfInspector .mpb-fonts button small{font-family:Montserrat,system-ui,sans-serif;font-size:10.5px;margin-top:2px;font-style:normal;font-weight:400;letter-spacing:0}
#golfInspector .mpb-picked{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:9px 12px;border:2px solid var(--mpb-ink);border-radius:10px}
#golfInspector .mpb-picked img{width:44px;height:56px;object-fit:contain}
#golfInspector .mpb-picked small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mpb-mute)}
#golfInspector .mpb-picked b{display:block;font-size:14px}
#golfInspector .mpb-picked span span{display:block;font-size:12px;color:var(--mpb-mute)}
#golfInspector .mpb-search{position:relative;margin-top:14px}
#golfInspector .mpb-search input[type=text]{padding-left:36px;padding-right:36px;background:#fff no-repeat 12px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3Cpath d='M15.5 15.5 21 21' stroke='%236e6e73' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#golfInspector .mpb-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:18px;line-height:1;padding:6px 8px;cursor:pointer;color:var(--mpb-mute)}
#golfInspector .mpb-group{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mpb-mute);font-weight:600;margin:16px 0 0}
#golfInspector .mpb-group small{letter-spacing:0;text-transform:none;font-weight:400;font-size:12px}
#golfInspector .mpb-empty-note{font-size:13px;color:var(--mpb-mute);line-height:1.5;padding:14px 2px 4px}
#golfInspector .mpb-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px}
#golfInspector .mpb-course{border:1px solid var(--mpb-line);border-radius:10px;background:#faf9f6;padding:10px 6px 8px;cursor:pointer;font:inherit;color:var(--mpb-ink);display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}
#golfInspector .mpb-course img{width:100%;height:78px;object-fit:contain}
#golfInspector .mpb-course span{font-size:11.5px;font-weight:600;text-align:center;line-height:1.2}
#golfInspector .mpb-course em{font-style:normal;font-size:10.5px;color:var(--mpb-mute);text-align:center;line-height:1.2}
#golfInspector .mpb-course:hover{border-color:#b5b2aa}
#golfInspector .mpb-course[aria-pressed=true]{border:2px solid var(--mpb-ink);padding:9px 5px 7px;background:#fff}
#golfInspector .mpb-course i{position:absolute;top:6px;right:6px;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.06em;background:#e9e6df;color:var(--mpb-mute);border-radius:4px;padding:2px 5px}
#golfInspector .mpb-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
#golfInspector .mpb-theme{border:1px solid var(--mpb-line);border-radius:10px;background:#fff;padding:8px 8px 9px;cursor:pointer;font:inherit;color:var(--mpb-ink);text-align:left}
#golfInspector .mpb-theme canvas{display:block;width:100%;aspect-ratio:3/4;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#golfInspector .mpb-thumb{display:block;position:relative;margin-bottom:8px}
#golfInspector .mpb-papers{position:absolute;top:6px;right:6px;left:auto;max-width:calc(100% - 12px);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:3px 5px;background:rgba(255,255,255,.92);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
#golfInspector .mpb-papers span{display:block;flex:none;box-sizing:border-box;margin:0;padding:0;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}
#golfInspector .mpb-papers span.mpb-on{outline:1.5px solid var(--mpb-ink);outline-offset:1px}
#golfInspector .mpb-theme b{display:block;font-size:13px}
#golfInspector .mpb-theme small{display:block;font-size:11px;color:var(--mpb-mute);margin-top:1px}
#golfInspector .mpb-theme[aria-pressed=true]{border:2px solid var(--mpb-ink);padding:7px 7px 8px}
#golfInspector .mpb-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#golfInspector .mpb-swatch{border:2px solid transparent;border-radius:6px;padding:2px;background:none;cursor:pointer;font:inherit;color:var(--mpb-mute);font-size:10.5px}
#golfInspector .mpb-swatch span{display:block;aspect-ratio:1;border-radius:3px;border:1px solid rgba(0,0,0,.12);margin-bottom:3px}
#golfInspector .mpb-swatch[aria-pressed=true]{border-color:var(--mpb-ink);color:var(--mpb-ink)}
#golfInspector .mpb-btn{width:100%;padding:12px;border-radius:9px;border:1px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}
#golfInspector .mpb-cta{margin-top:20px;width:100%;padding:15px;border-radius:10px;border:0;background:var(--mpb-ink);color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer}
#golfInspector .mpb-note{font-size:12px;color:var(--mpb-mute);margin-top:8px;line-height:1.5}
#golfInspector .mpb-tray{align-self:stretch;margin-top:18px}
#golfInspector .mpb-tray h3{margin:0 0 8px}
#golfInspector .mpb-tray-m{display:none}
#golfInspector .mpb-tiles{display:flex;gap:12px;flex-wrap:wrap}
#golfInspector .mpb-tile-w{position:relative}
#golfInspector .mpb-tile{width:96px;height:112px;border:1px solid var(--mpb-line);border-radius:10px;background:#fff;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;cursor:pointer;font:inherit;font-size:11px;color:var(--mpb-ink)}
#golfInspector .mpb-tile canvas{box-shadow:0 1px 4px rgba(0,0,0,.18);max-height:72px}
#golfInspector .mpb-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
#golfInspector .mpb-tile[aria-current=true]{border:2px solid var(--mpb-ink);padding:7px 5px 5px}
#golfInspector .mpb-tile:focus-visible,#golfInspector .mpb-del:focus-visible{outline:2px solid var(--mpb-ink);outline-offset:2px}
#golfInspector .mpb-add{border:1.5px dashed #bdb9b0;background:rgba(255,255,255,.6);justify-content:center;font-weight:600;font-size:12px;line-height:1.35;text-align:center}
#golfInspector .mpb-add b{font-size:22px;font-weight:400;line-height:1}
#golfInspector .mpb-del{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:1px solid var(--mpb-line);background:#fff;font-size:14px;line-height:1;cursor:pointer;color:var(--mpb-mute);padding:0}
#golfInspector .mpb-summary .mpb-cur span{color:var(--mpb-ink);font-weight:600}
#golfInspector .mpb-toast{position:absolute;left:50%;top:16px;transform:translateX(-50%);background:var(--mpb-ink);color:#fff;padding:9px 14px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:30;max-width:90%}
#golfInspector .mpb-toast.mpb-show{opacity:1}
#golfInspector .mpb-zoom-btn{position:absolute;top:12px;right:12px;z-index:6;display:flex;align-items:center;gap:6px;border:1px solid var(--mpb-line);background:#fff;color:var(--mpb-ink);border-radius:999px;padding:7px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
#golfInspector .mpb-zoom-btn:hover{border-color:var(--mpb-ink)}
#golfInspector .mpb-zoom-btn:focus-visible,#golfInspector .mpb-zoom button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#golfInspector .mpb-zoom{position:fixed;inset:0;z-index:2147483000;background:rgba(24,24,26,.94);display:flex;flex-direction:column}
#golfInspector .mpb-zoom-view{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab}
#golfInspector .mpb-zoom-view.mpb-grabbing{cursor:grabbing}
#golfInspector .mpb-zoom-canvas{position:absolute;left:0;top:0;transform-origin:0 0;box-shadow:0 18px 50px rgba(0,0,0,.4);max-width:none}
#golfInspector .mpb-zoom-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px 4px}
#golfInspector .mpb-zoom-bar input{width:min(260px,50vw);accent-color:#fff}
#golfInspector .mpb-zoom-step{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:none;color:#fff;font:inherit;font-size:20px;line-height:1;cursor:pointer}
#golfInspector .mpb-zoom-close{border:0;border-radius:999px;background:#fff;color:#1d1d1f;font:inherit;font-size:14px;font-weight:600;padding:9px 18px;cursor:pointer;margin-left:8px}
#golfInspector .mpb-zoom-hint{margin:0;padding:2px 16px 14px;text-align:center;color:rgba(255,255,255,.65);font-size:12px}
#golfInspector .mpb-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;gap:4px}
#golfInspector .mpb-steps li{flex:1;min-width:0}
#golfInspector .mpb-steps button{width:100%;border:0;background:none;padding:0 0 8px;font:inherit;font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--mpb-mute);cursor:pointer;border-bottom:3px solid var(--mpb-line);display:flex;flex-direction:column;align-items:center;gap:4px}
#golfInspector .mpb-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--mpb-line);font-size:12px;background:#fff}
#golfInspector .mpb-steps .mpb-done{color:var(--mpb-ink);border-bottom-color:var(--mpb-ink)}
#golfInspector .mpb-steps .mpb-done b{background:var(--mpb-ink);border-color:var(--mpb-ink);color:#fff}
#golfInspector .mpb-steps [aria-current=step]{color:var(--mpb-ink);font-weight:700;border-bottom-color:var(--mpb-ink)}
#golfInspector .mpb-steps [aria-current=step] b{border:2px solid var(--mpb-ink);background:#fff;color:var(--mpb-ink)}
#golfInspector .mpb-step h2{font-size:20px;margin:0 0 4px;letter-spacing:.01em}
#golfInspector .mpb-intro{font-size:13px;color:var(--mpb-mute);margin:0 0 14px;line-height:1.5}
#golfInspector .mpb-nav{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mpb-line)}
#golfInspector .mpb-nav button{flex:1;padding:13px;border-radius:9px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#golfInspector .mpb-back{background:#fff;border:1px solid var(--mpb-line);color:var(--mpb-ink);flex:0 0 96px!important}
#golfInspector .mpb-next{background:var(--mpb-ink);border:1px solid var(--mpb-ink);color:#fff}
#golfInspector .mpb-summary{font-size:13px;color:var(--mpb-mute);margin-top:18px;padding-top:12px;border-top:1px solid var(--mpb-line)}
#golfInspector .mpb-summary>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
#golfInspector .mpb-summary b{color:var(--mpb-ink)}
#golfInspector .mpb-summary .mpb-total{margin-top:6px;padding-top:8px;border-top:1px solid var(--mpb-line);font-size:15px;color:var(--mpb-ink)}
#golfInspector .mpb-sizes button{flex:1 1 30%}
#golfInspector .mpb-check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:12px;border:1px solid var(--mpb-line);border-radius:9px;cursor:pointer;margin-top:4px}
#golfInspector .mpb-check input{width:18px;height:18px;accent-color:var(--mpb-ink);margin:0}
#golfInspector .mpb-check small{display:block;font-weight:400;font-size:12px;color:var(--mpb-mute);margin-top:1px}
#golfInspector .mpb-scores{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
#golfInspector .mpb-scores label{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--mpb-mute)}
#golfInspector .mpb-scores input{width:100%;padding:7px 2px;text-align:center;border:1px solid var(--mpb-line);border-radius:7px;font:inherit;font-size:14px;color:var(--mpb-ink)}
#golfInspector .mpb-scores input:focus{outline:2px solid var(--mpb-ink);outline-offset:-1px}
#golfInspector .mpb-sub-opts{margin-top:4px}
#golfInspector .mpb-steps button{font-size:10px}
@media (max-width:860px){
  #golfInspector .mpb-scores input{font-size:16px}
  #golfInspector .mpb-tray-d{display:none}
  #golfInspector .mpb-tray-m{display:block}
  #gpb{grid-template-columns:minmax(0,1fr);overflow:clip;min-height:0}
  #golfInspector .mpb-stage{position:sticky;top:0;z-index:5;padding:12px;min-height:0;box-shadow:0 8px 14px -10px rgba(0,0,0,.3)}
  #golfInspector .mpb-poster{max-height:38vh;width:auto}
  #golfInspector .mpb-zoom-btn{top:8px;right:8px;padding:6px 10px}
  #golfInspector .mpb-zoom-btn span{display:none}
  #golfInspector .mpb-hint{margin-top:6px;font-size:10.5px}
  #golfInspector .mpb-hint-more,#golfInspector .mpb-sel-none{display:none}
  #golfInspector .mpb-tools button{padding:5px 9px}
  #golfInspector .mpb-tools{margin-top:8px;min-height:30px}
  #golfInspector .mpb-panel{border-left:0;border-top:1px solid var(--mpb-line);padding:18px 16px}
  #golfInspector .mpb-body{max-height:none;overflow:visible}
  #golfInspector .mpb-nav{position:sticky;bottom:0;z-index:4;background:var(--mpb-bg);margin:12px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 12px -10px rgba(0,0,0,.3)}
  #golfInspector input[type=text]{font-size:16px}
  #golfInspector .mpb-seg button{min-height:42px}
}
@media (max-width:340px){#golfInspector .mpb-courses{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){#golfInspector .mpb-toast{transition:none}}

#golfInspector{--mpb-ink:var(--ink);--mpb-mute:var(--ink-2);--mpb-line:var(--line);--mpb-bg:var(--panel);display:block}
#golfInspector[hidden]{display:none!important}
/* builder controls follow the studio's light and dark colours (the builders hard-code white) */
#mapPanel .mpb-seg button,#mapPanel .mpb-results button,#mapPanel .mpb-btn,#mapPanel .mpb-theme,#mapPanel .mpb-tile,#mapPanel .mpb-tools button,#mapPanel .mpb-clean-toggle,#mapPanel .mpb-suggest,#mapPanel .mpb-suggest button,#mapPanel .mpb-del,#mapPanel .mpb-course[aria-pressed=true],#mapPanel input[type=text],#mapPanel select,#mapPanel .mpb-row input[type=color],#mapPanel .mpb-dots .mpb-eyedropper,#gpb .mpb-seg button,#gpb .mpb-results button,#gpb .mpb-btn,#gpb .mpb-theme,#gpb .mpb-tile,#gpb .mpb-tools button,#gpb .mpb-clean-toggle,#gpb .mpb-suggest,#gpb .mpb-suggest button,#gpb .mpb-del,#gpb .mpb-course[aria-pressed=true],#gpb input[type=text],#gpb select,#gpb .mpb-row input[type=color],#gpb .mpb-dots .mpb-eyedropper,#golfInspector .mpb-seg button,#golfInspector .mpb-results button,#golfInspector .mpb-btn,#golfInspector .mpb-theme,#golfInspector .mpb-tile,#golfInspector .mpb-tools button,#golfInspector .mpb-clean-toggle,#golfInspector .mpb-suggest,#golfInspector .mpb-suggest button,#golfInspector .mpb-del,#golfInspector .mpb-course[aria-pressed=true],#golfInspector input[type=text],#golfInspector select,#golfInspector .mpb-row input[type=color],#golfInspector .mpb-dots .mpb-eyedropper{background-color:var(--panel);color:var(--ink);border-color:var(--line)}
#mapPanel .mpb-seg button small,#gpb .mpb-seg button small,#golfInspector .mpb-seg button small{color:var(--ink-2)}
#mapPanel .mpb-seg button[aria-pressed=true],#mapPanel .mpb-clean-toggle[aria-pressed=true],#gpb .mpb-seg button[aria-pressed=true],#gpb .mpb-clean-toggle[aria-pressed=true],#golfInspector .mpb-seg button[aria-pressed=true],#golfInspector .mpb-clean-toggle[aria-pressed=true]{background-color:var(--ink);color:var(--panel);border-color:var(--ink)}
#mapPanel .mpb-seg button[aria-pressed=true] small,#gpb .mpb-seg button[aria-pressed=true] small,#golfInspector .mpb-seg button[aria-pressed=true] small{color:var(--panel);opacity:.75}
#mapPanel .mpb-course[aria-pressed=true],#mapPanel .mpb-theme[aria-pressed=true],#gpb .mpb-course[aria-pressed=true],#gpb .mpb-theme[aria-pressed=true],#golfInspector .mpb-course[aria-pressed=true],#golfInspector .mpb-theme[aria-pressed=true]{border-color:var(--ink)}
#mapPanel .mpb-cta,#gpb .mpb-cta,#golfInspector .mpb-cta{background:var(--accent);color:#fff}

#golfInspector [hidden]{display:none!important}
#golfInspector .mpb-step{display:block!important;border:0;padding:0;margin:16px 0 0}
#golfInspector .mpb-step h2{font-family:var(--font-display);font-weight:700;font-size:13px;margin:0 0 8px}
#golfInspector .mpb-intro{font-size:13px;line-height:1.5;color:var(--ink-2);margin:0 0 12px}
#golfInspector .mpb-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#golfInspector .mpb-seg button,#golfInspector input[type=text],#golfInspector .mpb-theme{background:var(--panel);color:var(--ink)}
#golfInspector .mpb-seg button[aria-pressed=true]{background:var(--ink);color:var(--panel)}
#golfInspector .golf-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 14px}
#golfInspector .golf-pick button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 4px;font-weight:600;font-size:12px;cursor:pointer;color:var(--ink)}
#golfInspector .golf-pick button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
#golfInspector .field .row{display:flex;gap:10px;align-items:center}
#golfInspector .field .row input{flex:1}
#mapPanel .mpb-step-n,#mapPanel .mpb-next,#mapPanel .mpb-back{display:none!important}

/* stadium list: one stadium per row, team underneath */
#mapPanel .mpb-stadiums,#mpb .mpb-stadiums{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#mapPanel .mpb-stadiums button,#mpb .mpb-stadiums button{flex:none;text-align:left;padding:9px 10px}

/* the map colours fold away like the team colours */
#mapPanel .mpb-color-toggle,#mpb .mpb-color-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:4px 0 2px;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
#mapPanel .mpb-color-toggle i,#mpb .mpb-color-toggle i{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 0;transition:transform .15s}
#mapPanel .mpb-color-toggle[aria-expanded=false] i,#mpb .mpb-color-toggle[aria-expanded=false] i{transform:rotate(-45deg);margin-bottom:0}
#mapPanel .mpb-colors-closed .mpb-swatch:not(.mpb-swatch-team),#mpb .mpb-colors-closed .mpb-swatch:not(.mpb-swatch-team){display:none}
#mapPanel .map-theme{margin-top:22px;padding-top:18px;border-top:1px solid var(--line, #e5e5ea)}
/* Golf: request a course */
#gpb .golf-ask{font-size:13px;color:var(--ink-2);margin:14px 2px 0}
#gpb .golf-ask .linkish{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#gpb .mpb-search{margin:12px 0 4px}
.req-modal{max-width:460px}
.req-modal .req-body{display:grid;gap:12px}
.req-modal .req-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:520px){.req-modal .req-row{grid-template-columns:1fr}}
.req-f{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--ink-2)}
.req-f i{font-style:normal;font-weight:500;color:var(--accent)}
.req-f input,.req-f textarea{font:inherit;font-size:14px;font-weight:400;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%;box-sizing:border-box;resize:vertical}
.req-f input:focus,.req-f textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}
.req-err{margin:0;font-size:13px;font-weight:600;color:#C2410C}
.req-done p{margin:0 0 14px;font-size:14px;line-height:1.5}
.req-modal [hidden]{display:none!important}
#gpb [data-act="request"]{display:none!important}
/* Stadiums: search + popular picks */
#mapPanel .stadium-search{position:relative;margin:12px 0 10px}
#mapPanel .stadium-search input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;color:var(--ink);background:var(--panel) no-repeat 12px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%236e6e73' stroke-width='2'/%3E%3Cpath d='M15.5 15.5 21 21' stroke='%236e6e73' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");border:1px solid var(--line);border-radius:8px;padding:10px 30px 10px 36px}
#mapPanel .stadium-search input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}
#mapPanel .stadium-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:18px;line-height:1;padding:6px 8px;cursor:pointer;color:var(--ink-2)}
#mapPanel .stadium-clear[hidden],#mapPanel .stadium-none[hidden],#mapPanel .mpb-stadiums button[hidden]{display:none!important}
#mapPanel .stadium-count{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
#mapPanel .stadium-count small{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
#mapPanel .map-group[data-group="sports"] .map-theme-wrap{margin-top:8px}
#mapPanel .mpb-custom{margin-top:6px}
#mapPanel .mpb-custom-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid var(--mpb-line,var(--line));padding:10px 0 2px;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
#mapPanel .mpb-custom-toggle i{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 0;transition:transform .15s}
#mapPanel .mpb-custom-toggle[aria-expanded=false] i{transform:rotate(-45deg);margin-bottom:0}
#mapPanel .mpb-custom-body .mpb-note{margin:6px 0 10px}
#mapPanel .mpb-custom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#mapPanel .mpb-custom-c{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer}
#mapPanel .mpb-custom-c input[type=color]{width:100%;height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}
#mapPanel .mpb-custom-acts{display:flex;gap:8px;margin-top:10px}
#mapPanel .mpb-custom-acts .btn{flex:1}
.btn.btn-danger{background:#d92d20;border-color:#d92d20;color:#fff}
.btn.btn-danger:hover{background:#b42318;border-color:#b42318}
.layer{position:relative}
.layer .del{position:absolute;top:-7px;right:-7px;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.layer .del svg{width:12px;height:12px}
.layer .del:hover{background:#d92d20;border-color:#d92d20;color:#fff}
.layers{padding-top:6px}
#mapPanel .stadium-search input::-webkit-search-cancel-button{display:none}
#mapPanel .dms-off{display:none!important}
/* Dark mode: the builders' search boxes and fields were white with light text */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #mapPanel input[type=text],:root:not([data-theme="light"]) #mapPanel input[type=search],:root:not([data-theme="light"]) #mapPanel select,:root:not([data-theme="light"]) #gpb input[type=text],:root:not([data-theme="light"]) #gpb select,:root:not([data-theme="light"]) #golfInspector input[type=text],:root:not([data-theme="light"]) #golfInspector select,:root:not([data-theme="light"]) .req-f input,:root:not([data-theme="light"]) .req-f textarea{background-color:var(--panel-2);color:var(--ink);border-color:var(--line)}:root[data-theme="dark"] #mapPanel input[type=text]}
,:root[data-theme="dark"] #mapPanel input[type=search]}
,:root[data-theme="dark"] #mapPanel select}
,:root[data-theme="dark"] #gpb input[type=text]}
,:root[data-theme="dark"] #gpb select}
,:root[data-theme="dark"] #golfInspector input[type=text]}
,:root[data-theme="dark"] #golfInspector select}
,:root[data-theme="dark"] .req-f input}
,:root[data-theme="dark"] .req-f textarea{background-color:var(--panel-2);color:var(--ink);border-color:var(--line)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #mapPanel input[type=text]::placeholder,:root:not([data-theme="light"]) #mapPanel input[type=search]::placeholder,:root:not([data-theme="light"]) #mapPanel select::placeholder,:root:not([data-theme="light"]) #gpb input[type=text]::placeholder,:root:not([data-theme="light"]) #gpb select::placeholder,:root:not([data-theme="light"]) #golfInspector input[type=text]::placeholder,:root:not([data-theme="light"]) #golfInspector select::placeholder,:root:not([data-theme="light"]) .req-f input::placeholder,:root:not([data-theme="light"]) .req-f textarea::placeholder{color:var(--ink-2);opacity:1}}
.dms-back{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px 0 6px;border-radius:999px;font:600 13px/1 var(--font-body,system-ui),sans-serif;color:inherit;text-decoration:none;white-space:nowrap;opacity:.78;transition:background .15s,opacity .15s}
.dms-back:hover{opacity:1;background:rgba(127,127,127,.12)}
.dms-back:focus-visible{outline:2px solid var(--accent,#3b4bff);outline-offset:2px}
.dms-back svg{width:18px;height:18px;flex:none}
.dms-back-sep{width:1px;height:22px;background:currentColor;opacity:.15;margin-left:-6px}
@media (max-width:700px){.dms-back span{display:none}.dms-back{padding:0 8px}}