.pos-builder{--pb-bg:var(--paper);--pb-surface:var(--white);--pb-surface-2:var(--sky);--pb-ink:var(--ink);--pb-ink-2:var(--ink-muted);--pb-line:var(--line-strong);--pb-accent:var(--accent);--pb-accent-ink:var(--white);--pb-ok:#1d7f55;--pb-ok-bg:#e3f3ea;--pb-note:#8a5a00;--pb-note-bg:#fff4dc;--pb-counter:#c8e4f5;--pb-device:var(--navy-ink);--pb-screen:var(--navy);--pb-bar:var(--navy-deep);--pb-bar-ink:var(--white);--pb-bar-line:transparent;--m-pos:#2a78d6;--m-inv:#1baf7a;--m-shift:#eda100;--m-ana:#6250d6;--m-loy:#e87ba4;--m-brief:#eb6834;--pb-display:var(--font-display);--pb-body:var(--font-body);--pb-mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;background:var(--pb-bg);color:var(--pb-ink);font-family:var(--pb-body);font-size:15px;line-height:1.5;overflow-x:hidden}.pos-builder h1,.pos-builder h2,.pos-builder h3{font-family:var(--pb-display);text-wrap:balance;margin:0}.pos-builder button{font:inherit;color:inherit}.pos-builder :focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pos-builder .pb-wrap{max-width:1200px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto;padding-block:24px 64px}.pos-builder .pb-tag{color:var(--pb-ink-2);margin:0 0 22px;font-size:13px}.pos-builder .layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:32px;display:grid}@media (width<=920px){.pos-builder .layout{grid-template-columns:minmax(0,1fr)}}.pos-builder .stage{top:calc(var(--nav-h,72px) + 16px);gap:14px;min-width:0;display:grid;position:sticky}@media (width<=920px){.pos-builder .stage{position:static}}.pos-builder .stage h1{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1}.pos-builder .stage .sub{color:var(--pb-ink-2);max-width:52ch;margin:6px 0 0}.pos-builder .scene{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:18px;padding:10px;overflow:hidden}.pos-builder .scene svg{width:100%;height:auto;display:block}.pos-builder .scene text{font-family:var(--pb-display)}.pos-builder .price-bar{background:var(--pb-bar);color:var(--pb-bar-ink);border:1px solid var(--pb-bar-line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.pos-builder .price-bar>div{border-left:1px solid #ffffff29;min-width:0;padding:12px 16px}.pos-builder .price-bar>div:first-child{border-left:0}.pos-builder .price-bar .l{font:600 10.5px var(--pb-display);letter-spacing:.12em;text-transform:uppercase;opacity:.75}.pos-builder .price-bar .v{font:600 24px var(--pb-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.pos-builder .price-bar .s{opacity:.75;font-size:12px}@media (width<=520px){.pos-builder .price-bar>div{padding:10px}.pos-builder .price-bar .l{letter-spacing:.08em;font-size:9.5px}.pos-builder .price-bar .v{font-size:18px}.pos-builder .price-bar .s{font-size:11px;line-height:1.35}}.pos-builder .steps{gap:26px;min-width:0;display:grid}.pos-builder .step h2{align-items:baseline;gap:10px;font-size:20px;font-weight:700;display:flex}.pos-builder .step h2 .k{font:600 12px var(--pb-mono);color:var(--pb-accent)}.pos-builder .step>p{color:var(--pb-ink-2);margin:4px 0 12px;font-size:14px}.pos-builder .opts{gap:10px;display:grid}.pos-builder .opts.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=520px){.pos-builder .opts.two{grid-template-columns:minmax(0,1fr)}}.pos-builder .opt{all:unset;box-sizing:border-box;cursor:pointer;background:var(--pb-surface);border:1.5px solid var(--pb-line);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 12px;min-width:0;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:grid}.pos-builder .opt:hover{border-color:var(--pb-ink-2)}.pos-builder .opt:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.pos-builder .opt[aria-checked=true]{border-color:var(--pb-accent);box-shadow:0 0 0 1px var(--pb-accent)}.pos-builder .opt.base{cursor:default}.pos-builder .opt.base:hover{border-color:var(--pb-accent)}.pos-builder .opt.dim{opacity:.55}.pos-builder .opt .mk{border:2px solid var(--pb-line);border-radius:50%;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.pos-builder .opt.chk .mk{border-radius:6px}.pos-builder .opt[aria-checked=true] .mk{border-color:var(--pb-accent);background:var(--pb-accent)}.pos-builder .opt[aria-checked=true] .mk:after{content:"";background:var(--pb-accent-ink);border-radius:50%;width:8px;height:8px}.pos-builder .opt.chk[aria-checked=true] .mk:after{border-left:2px solid var(--pb-accent-ink);border-bottom:2px solid var(--pb-accent-ink);background:0 0;border-radius:0;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.pos-builder .opt .nm{font:700 15px var(--pb-display);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.pos-builder .opt .pr{font:600 15px var(--pb-mono);text-align:right;white-space:nowrap}.pos-builder .opt .pr small{font:500 11.5px var(--pb-body);color:var(--pb-ink-2);display:block}.pos-builder .opt .ds{color:var(--pb-ink-2);grid-column:2/4;font-size:13.5px}.pos-builder .opt .feat{flex-wrap:wrap;grid-column:2/4;gap:6px;margin-top:4px;display:flex}.pos-builder .opt .feat span{background:var(--pb-surface-2);color:var(--pb-ink);border-radius:999px;padding:1px 9px;font-size:12px}.pos-builder .nmt .dot{vertical-align:1px;margin-right:8px}.pos-builder .was{color:var(--pb-ink-2);margin-right:2px;font-weight:400;text-decoration:line-through}.pos-builder .dot{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.pos-builder .badge{font:600 11px var(--pb-body);letter-spacing:.02em;border-radius:999px;padding:1px 8px}.pos-builder .badge.inc{background:var(--pb-surface-2);color:var(--pb-ink-2)}.pos-builder .badge.req{background:var(--pb-note-bg);color:var(--pb-note)}.pos-builder .badge.ok{background:var(--pb-ok-bg);color:var(--pb-ok)}.pos-builder .card.flagged .opt{box-shadow:none;border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.pos-builder .flag{border:1.5px solid var(--pb-accent);background:var(--pb-note-bg);color:var(--pb-note);border-top:0;border-radius:0 0 14px 14px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px 12px 48px;font-size:13px;display:flex}.pos-builder .flag span{flex:100%}.pos-builder .flag button{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:7px;padding:3px 12px;font-size:12.5px;font-weight:600}.pos-builder .flag button.go{background:var(--pb-note);color:var(--pb-surface);border-color:var(--pb-note)}@media (width<=520px){.pos-builder .flag{padding-left:16px}}.pos-builder .lanes{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex}.pos-builder .lanes .lbl{flex:1;min-width:160px}.pos-builder .lanes .lbl b{font-family:var(--pb-display);font-size:14.5px;display:block}.pos-builder .lanes .lbl span{color:var(--pb-ink-2);font-size:13px}.pos-builder .stepper{border:1px solid var(--pb-line);border-radius:10px;align-items:center;display:flex;overflow:hidden}.pos-builder .stepper button{background:var(--pb-surface-2);cursor:pointer;border:0;width:36px;height:36px;font-size:18px;font-weight:700}.pos-builder .stepper button:disabled{opacity:.4;cursor:not-allowed}.pos-builder .stepper output{text-align:center;width:44px;font:600 16px var(--pb-mono)}.pos-builder .toast{color:var(--pb-ok);min-height:20px;margin-top:8px;font-size:13px}.pos-builder .presets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.pos-builder .presets span{color:var(--pb-ink-2);font-size:13px}.pos-builder .presets button{border:1px solid var(--pb-line);background:var(--pb-surface);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13px}.pos-builder .presets button:hover{border-color:var(--pb-ink-2)}.pos-builder .seg{border:1px solid var(--pb-line);background:var(--pb-surface);border-radius:12px;max-width:100%;display:inline-flex;overflow:hidden}.pos-builder .seg button{cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:10px 16px}.pos-builder .seg button[aria-pressed=true]{background:var(--pb-ink);color:var(--pb-surface)}.pos-builder .seg button b{font-family:var(--pb-display);font-size:14px;display:block}.pos-builder .seg button span{font:500 12px var(--pb-mono);opacity:.85}@media (width<=400px){.pos-builder .seg button{padding:10px 12px}.pos-builder .seg button span{font-size:11px}}.pos-builder .summary{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:18px;gap:14px;min-width:0;padding:20px 22px;display:grid}@media (width<=520px){.pos-builder .summary{padding:18px 16px}}.pos-builder .summary h2{font-size:20px}.pos-builder .lines{margin:0;padding:0;list-style:none;display:grid}.pos-builder .lines li{border-top:1px solid var(--pb-line);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:7px 0;font-size:14px;display:grid}.pos-builder .lines li:first-child{border-top:0}.pos-builder .lines li .a{font:500 14px var(--pb-mono);white-space:nowrap;text-align:right}.pos-builder .lines li.h{font:600 11px var(--pb-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pb-ink-2);border-top:0;padding:12px 0 2px}.pos-builder .lines li.t{border-top:2px solid var(--pb-ink);font-weight:700}.pos-builder .lines li.t .a{font-weight:600}.pos-builder .lines li small{color:var(--pb-ink-2);font-size:12px;display:block}.pos-builder .totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pos-builder .totals div{background:var(--pb-surface-2);border-radius:12px;min-width:0;padding:10px 14px}.pos-builder .totals .l{font:600 11px var(--pb-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pb-ink-2)}.pos-builder .totals .v{font:600 20px var(--pb-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.pos-builder .cmp{color:var(--pb-ink-2);font-size:13.5px}.pos-builder .cmp .key{flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:12.5px;display:flex}.pos-builder .cmp .key i{vertical-align:middle;border-radius:2px;width:14px;height:3px;margin-right:4px;display:inline-block}.pos-builder .cmp svg{width:100%;height:auto;margin-top:6px;display:block}.pos-builder .cmp text{font:11px var(--pb-mono);fill:var(--pb-ink-2)}.pos-builder .brief{background:var(--pb-surface-2);border-radius:14px;padding:14px 16px}.pos-builder .brief h3{align-items:center;gap:8px;font-size:14px;display:flex}.pos-builder .brief ul{gap:5px;margin:8px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.pos-builder .brief li{align-items:baseline;gap:8px;display:flex}.pos-builder .brief li i{border-radius:2px;flex:none;width:8px;height:8px;transform:translateY(-1px)}.pos-builder .brief li.off{color:var(--pb-ink-2);opacity:.75}.pos-builder .brief li.off .t{text-decoration:line-through}.pos-builder .brief li small{white-space:nowrap}.pos-builder .actions{flex-wrap:wrap;gap:10px;display:flex}.pos-builder .fine{color:var(--pb-ink-2);margin:0;font-size:12.5px}.pos-builder textarea.quote{width:100%;min-height:170px;font:12.5px var(--pb-mono);border:1px solid var(--pb-line);background:var(--pb-bg);color:var(--pb-ink);resize:vertical;border-radius:10px;padding:10px}@media (prefers-reduced-motion:no-preference){.pos-builder .tile{transition:opacity .25s}}