#builder .crumb{color:var(--muted);align-items:center;gap:10px;padding-block:18px 0;font-size:13px;display:flex}#builder .vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#builder .vh:focus-visible+*,#builder .drop:has(+.vh:focus-visible){outline:3px solid var(--lime);outline-offset:2px}#builder .crumb .ch{font:inherit;letter-spacing:0;color:var(--muted);margin:0;font-size:13px;font-weight:400}#builder .crumb a,#builder .linkbtn{color:var(--fg);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}#builder .builder{grid-template-columns:420px 1fr;align-items:start;gap:32px;padding-block:28px 64px;display:grid}#builder .steps{gap:6px;margin-bottom:18px;display:flex}#builder .steps span{background:var(--line);border-radius:2px;flex:1;height:4px}#builder .steps span.done{background:var(--ctrl)}#builder .steps span.cur{background:var(--lime)}#builder .draftbar{color:var(--muted);background:var(--bg2);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;font-size:13px;display:flex}#builder .panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}#builder .panel h3{margin-bottom:4px}#builder .panel .sub{color:var(--muted);margin-bottom:18px;font-size:14px}#builder .field{gap:6px;margin-bottom:14px;display:grid}#builder .field label{font-size:13px;font-weight:600}#builder .field input,#builder .field select,#builder .field textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:10px;padding:11px 12px;font-size:15px}#builder .field textarea{resize:vertical;min-height:58px}#builder .row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}#builder .chips{flex-wrap:wrap;gap:8px;display:flex}#builder .chip{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}#builder .chip.on{background:var(--ctrl);color:var(--lime);border-color:var(--ctrl)}#builder .swatches{grid-template-columns:repeat(auto-fill,34px);align-items:center;gap:8px;display:grid}#builder #swatches .chip{grid-column:1/-1;justify-self:start}#builder .swatch{background:var(--c);border:2px solid #0000;border-radius:10px;width:34px;height:34px;padding:0}#builder .swatch.on{border-color:var(--fg);box-shadow:0 0 0 2px var(--bg) inset}#builder .swatch.rand{background:conic-gradient(#ff6b4a,#f2b134,#c8f55a,#0ea5a4,#2d5bff,#7c3aed,#ff6b4a);position:relative}#builder .swatch.rand.on{background:var(--c)}#builder .swatch.rand:after{content:"?";color:#fff;text-shadow:0 1px 2px #0006;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}#builder .lgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}#builder .lopt{border:2px solid var(--line);background:var(--bg);cursor:pointer;aspect-ratio:1.9;border-radius:14px;justify-content:center;align-items:center;padding:0;transition:transform .12s;display:flex;overflow:hidden}#builder .lopt:hover{transform:translateY(-2px)}#builder .lopt.on{border-color:var(--lime);box-shadow:0 0 0 2px var(--ctrl)}#builder .lopt svg{width:100%;height:100%}#builder details summary{cursor:pointer;font-size:13px;font-weight:600}#builder .drop{border:1.5px dashed var(--line);text-align:center;color:var(--muted);background:var(--bg2);cursor:pointer;border-radius:14px;padding:18px;font-size:14px;display:block}#builder .drop.has{text-align:left;border-style:solid;align-items:center;gap:12px;display:flex}#builder .drop img{object-fit:contain;background:#fff;border-radius:10px;width:56px;height:56px;padding:4px}#builder .actions{justify-content:space-between;gap:10px;margin-top:8px;display:flex}#builder .preview{position:sticky;top:92px}#builder .ptabs{gap:6px;margin-bottom:14px;display:flex}#builder .ptabs button{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}#builder .ptabs button.on{background:var(--ctrl);color:var(--lime);border-color:var(--ctrl)}#builder .stage{background:var(--bg2);border-radius:20px;justify-content:center;align-items:center;min-height:380px;padding:28px;display:flex}#builder .stage svg{max-width:100%;height:auto;box-shadow:var(--shadow);border-radius:12px}#builder .stage.phone svg{width:auto;max-height:560px}#builder .spec .sample{color:var(--slate);background:var(--lime);letter-spacing:.06em;border-radius:999px;padding:2px 8px}#builder #qrSize.warn{color:#b45309}#builder #qrSize.ok{color:var(--muted)}#builder .ocard .act button[disabled]{opacity:.45;cursor:not-allowed}#builder .ocard .th.locked{position:relative}#builder .ocard .th.locked:after{content:"After checkout";background:var(--ctrl);color:var(--lime);letter-spacing:.04em;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;inset:auto 10px 10px auto}#builder .tagideas{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:12px;display:flex}#builder #tagChips .chip{font-size:13px}#builder #tagChips.locked .chip{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}#builder #tagChips .more{border-style:dashed}#builder .spec{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:11px;display:flex}#builder #out{padding-block:0 64px}#builder .outhead{margin:8px 0 22px}#builder .ogrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}#builder .ocard{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}#builder .ocard .th{background:var(--bg2);aspect-ratio:1.6;justify-content:center;align-items:center;padding:16px;display:flex}#builder .ocard .th svg,#builder .ocard .th img{border-radius:6px;max-width:100%;max-height:100%}#builder .ocard .th.tall svg{width:auto;height:100%}#builder .ocard .b{gap:4px;padding:14px 16px 16px;display:grid}#builder .ocard .nm{font-size:15px;font-weight:600}#builder .ocard .ds{color:var(--muted);font-size:13px}#builder .ocard .mt{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:11px}#builder .ocard .act{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}#builder .ocard .act button{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:500}#builder .ocard .act button.primary{background:var(--ctrl);color:var(--lime);border-color:var(--ctrl)}#builder .lock form.wl{flex-wrap:wrap;gap:8px;display:flex;position:relative}#builder .lock form.wl input[type=email]{color:var(--off);font:inherit;background:#121619;border:1px solid #3a444d;border-radius:999px;min-width:220px;padding:11px 16px;font-size:15px}#builder .lock{background:var(--slate);color:var(--off);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:22px 24px;display:flex}#builder .lock .pr{font-family:var(--display);letter-spacing:-.03em;font-size:30px;font-weight:700}#builder .lock small{color:#b6bec7;font-size:13px;display:block}#builder .vcf{font-family:var(--mono);white-space:pre-wrap;background:var(--bg2);color:var(--fg);border-radius:12px;margin-top:16px;padding:14px;font-size:12px}#builder .toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ctrl);color:var(--lime);opacity:0;pointer-events:none;z-index:20;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;position:fixed;transform:translate(-50%)translateY(20px)}#builder .toast.on{opacity:1;transform:translate(-50%)}@media (width<=900px){#builder .builder{grid-template-columns:1fr;gap:16px;padding-block:12px 48px}#builder .preview{z-index:4;background:var(--bg);margin:0 calc(-1 * var(--gutter));padding:8px 0 10px;padding-inline:var(--gutter);border-bottom:1px solid var(--line);order:-1;position:sticky;top:72px}#builder .ptabs{margin-bottom:8px}#builder .ptabs button{padding:5px 11px;font-size:12px}#builder .stage{border-radius:14px;min-height:0;padding:10px}#builder .stage svg{width:auto;max-width:100%;max-height:24vh}#builder .stage.phone svg{max-height:24vh}html{scroll-padding-top:300px}#builder .spec{gap:10px;margin-top:6px;font-size:10px}#builder .spec span:not(.sample){display:none}#builder .spec .sample{display:inline}#builder .crumb{padding-block:12px 0}}