nny-box-builder{display:contents}
.nb-dialog{--nb-yellow:#f5af00;--nb-muted:#a1a1aa;--nb-border:#303137;box-sizing:border-box;width:min(1180px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid #414249;border-top:4px solid var(--nb-yellow);border-radius:3px;background:#0d0e11;color:#f4f4f5;box-shadow:0 24px 100px #000b;font:14px/1.5 'Plus Jakarta Sans',Arial,sans-serif;color-scheme:dark;overflow:auto;overscroll-behavior:contain}
.nb-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}
.nb-dialog[open]{display:flex;flex-direction:column;overflow:hidden;animation:nb-reveal .2s ease-out}
.nb-dialog *{box-sizing:border-box}
.nb-dialog [hidden]{display:none!important}
.nb-dialog :is(h2,h3,p,ol,dl,dd){margin:0}
.nb-dialog button,.nb-dialog select{font:inherit;letter-spacing:normal;text-transform:none;border-radius:2px;cursor:pointer}
.nb-dialog button{color:inherit;background:none;border:0;padding:0}
.nb-dialog button:disabled{opacity:.45;cursor:default}
.nb-dialog :is(button,select,a):focus-visible{outline:2px solid var(--nb-yellow);outline-offset:3px}
.nb-header{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;background:#16171b;border-bottom:1px solid var(--nb-border)}
.nb-eyebrow{display:block;font:700 10px/1.5 'Space Mono',monospace;letter-spacing:1.5px;color:var(--nb-yellow);margin-bottom:6px}
.nb-dialog h2{font:400 32px/1.05 'Bebas Neue',Impact,sans-serif;letter-spacing:.5px;color:#fff}
.nb-header p{font-size:12px;color:#b5b5bd;margin-top:8px}
.nb-dialog .nb-close{font:300 28px/1 Arial,sans-serif;flex:none;width:36px;height:36px;background:#24252a;border:1px solid var(--nb-border);color:#c5c5cc}
.nb-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;min-height:0;overflow:auto;overscroll-behavior:contain}
.nb-lineup{padding:24px 28px;min-width:0}
.nb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.nb-dialog h3{color:#f4f4f5;font:700 11px/1.5 'Space Mono',monospace;letter-spacing:.5px}
.nb-muted{color:var(--nb-muted);font-size:11px}
.nb-dialog .nb-shuffle{border:1px solid #414249;padding:8px 10px;font:10px/1.5 'Space Mono',monospace;color:var(--nb-yellow);white-space:nowrap}
.nb-shuffle:hover{background:#f5af0010}
.nb-load-status{font-size:12px;color:var(--nb-muted);padding:0 0 14px}
.nb-dialog .nb-retry{color:var(--nb-yellow);text-decoration:underline;margin-bottom:18px;font-size:12px}
.nb-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nb-product{min-width:0;display:flex;flex-direction:column;border:1px solid var(--nb-border);background:#15161a;position:relative}
.nb-product.is-selected{border-color:var(--nb-yellow)}
.nb-photo{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#ecebe7;color:#6c6d6f}
.nb-photo img{display:block;width:100%;height:100%;object-fit:contain}
.nb-placeholder{font:24px 'Bebas Neue',Impact,sans-serif;letter-spacing:3px}
.nb-product-body{padding:12px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.nb-dialog .nb-product-name{font:600 12px/1.4 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.nb-price{font:700 12px/1.5 'Space Mono',monospace;color:var(--nb-yellow)}
.nb-variant{display:grid;gap:5px;font-size:10px;color:var(--nb-muted);margin-top:auto}
.nb-variant select{width:100%;min-width:0;max-width:100%;height:34px;padding:5px;background:#202126;border:1px solid #414249;font-size:11px;color:#fff;appearance:auto}
.nb-dialog .nb-add{width:100%;padding:9px 4px;background:#23242a;border:1px solid #42434a;font:700 10px/1.5 'Space Mono',monospace;margin-top:auto;color:#f4f4f5}
.nb-dialog .nb-add:hover:not(:disabled){border-color:var(--nb-yellow);color:var(--nb-yellow)}
.nb-product.is-selected .nb-add{background:var(--nb-yellow);border-color:var(--nb-yellow);color:#090a0c}
.nb-dialog .nb-more{display:block;width:100%;border:1px solid #414249;margin-top:18px;padding:12px;color:#f4f4f5;font:11px 'Space Mono',monospace}
.nb-summary{position:sticky;top:0;padding:24px;background:#121317;border-left:1px solid var(--nb-border);min-width:0}
.nb-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nb-summary-heading>span{font:700 12px 'Space Mono',monospace;color:var(--nb-yellow)}
.nb-meter{height:3px;background:#303137;margin:14px 0}
.nb-meter>span{display:block;width:0;height:100%;background:var(--nb-yellow);transition:width .18s ease}
.nb-summary-intro{line-height:1.6;margin-bottom:18px!important}
.nb-slots{display:grid;gap:8px;padding:0;list-style:none}
.nb-slot{display:flex;align-items:center;gap:10px;min-height:62px;padding:8px;border:1px solid var(--nb-border);background:#191a1f;min-width:0}
.nb-slot-empty{border-style:dashed;background:transparent;color:#90919a;font:11px 'Space Mono',monospace}
.nb-slot-index{display:grid;place-items:center;width:38px;height:38px;flex:none;color:var(--nb-yellow);font:400 22px 'Bebas Neue',Impact,sans-serif}
.nb-slot img{width:38px;height:44px;object-fit:contain;flex:none;background:#ecebe7}
.nb-slot-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nb-slot-copy strong{font-size:10px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.nb-slot-copy small{font-size:9px;color:#a1a1aa;overflow-wrap:anywhere}
.nb-slot-copy span{font:10px 'Space Mono',monospace;color:var(--nb-yellow)}
.nb-dialog .nb-remove{flex:none;width:28px;height:32px;font-size:19px;color:#a1a1aa}
.nb-totals{padding-top:18px;margin-top:18px!important;border-top:1px solid var(--nb-border);font-size:11px}
.nb-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}
.nb-totals dt{color:#b5b5bd}.nb-totals dd{font-family:'Space Mono',monospace;white-space:nowrap}
.nb-totals .nb-saving :is(dt,dd){color:var(--nb-yellow)}
.nb-totals .nb-total{border-top:1px dashed #414249;padding-top:12px;margin-top:12px;font-weight:700}
.nb-total dt{color:white}.nb-total dd{color:var(--nb-yellow);font-size:18px}
.nb-note{font-size:10px;line-height:1.6;color:#91919d;margin:12px 0!important}
.nb-dialog .nb-submit{width:100%;min-height:48px;padding:13px 10px;background:var(--nb-yellow);color:#08090b;font:800 12px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:.5px}
.nb-status{padding:12px 0 0;font-size:12px;line-height:1.6;color:#f4f4f5;overflow-wrap:anywhere}
.nb-dialog .nb-bag{padding:10px 0;color:var(--nb-yellow);text-decoration:underline;font-size:12px}
.nb-one-time{text-align:center}
@keyframes nb-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.nb-layout{grid-template-columns:minmax(0,1fr) 300px}.nb-lineup{padding:20px}.nb-products{grid-template-columns:repeat(2,minmax(0,1fr))}.nb-summary{padding:20px}}
@media(max-width:700px){.nb-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.nb-header{padding:18px 16px}.nb-dialog h2{font-size:27px}.nb-header p{font-size:11px}.nb-eyebrow{font-size:9px}.nb-layout{grid-template-columns:1fr}.nb-lineup{padding:18px 16px}.nb-summary{position:static;border-left:0;border-top:1px solid var(--nb-border);padding:20px 16px}.nb-products{gap:10px}.nb-product-body{padding:10px}.nb-toolbar{gap:8px}.nb-dialog .nb-shuffle{padding:8px;font-size:9px}.nb-product-name{font-size:11px}.nb-photo{aspect-ratio:1}.nb-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nb-dialog[open]{animation:none}.nb-meter>span{transition:none}}