.grid-bg[data-astro-cid-ucxzizbl]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.4;background-image:linear-gradient(var(--gray-200) 1px,transparent 1px),linear-gradient(90deg,var(--gray-200) 1px,transparent 1px);background-size:60px 60px}section[data-astro-cid-ucxzizbl]{position:relative;z-index:1}.container[data-astro-cid-ucxzizbl]{max-width:1100px;margin:0 auto;padding:0 2rem}.section-tag[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-tag[data-astro-cid-ucxzizbl]:before{content:"";width:40px;height:2px;background:var(--accent-blue);flex-shrink:0}.hero[data-astro-cid-ucxzizbl]{padding:140px 0 64px}.hero-tag[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem}.hero-tag[data-astro-cid-ucxzizbl]:before{content:"//";color:var(--electric-blue)}.hero[data-astro-cid-ucxzizbl] h1[data-astro-cid-ucxzizbl]{font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:700;color:var(--primary-blue);line-height:1.2;margin-bottom:1.25rem;max-width:760px}.hero[data-astro-cid-ucxzizbl] h1[data-astro-cid-ucxzizbl] .accent[data-astro-cid-ucxzizbl]{background:linear-gradient(135deg,var(--accent-blue),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub[data-astro-cid-ucxzizbl]{font-size:1.1rem;color:var(--gray-600);line-height:1.65;max-width:640px;margin-bottom:1.5rem}.rules-toggle[data-astro-cid-ucxzizbl]{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--primary-blue);cursor:pointer}.rules-toggle[data-astro-cid-ucxzizbl]:hover{color:var(--accent-blue)}.rules-toggle[data-astro-cid-ucxzizbl] .chevron[data-astro-cid-ucxzizbl]{display:inline-block;transition:transform .15s ease;color:var(--accent-blue)}.rules-toggle[data-astro-cid-ucxzizbl][aria-expanded=true] .chevron[data-astro-cid-ucxzizbl]{transform:rotate(90deg)}.rules-panel[data-astro-cid-ucxzizbl]{margin-top:.9rem;padding:1.1rem 1.4rem;background:var(--off-white);border:1px solid var(--gray-200);border-radius:12px;max-width:640px}.rules-panel[data-astro-cid-ucxzizbl] ul[data-astro-cid-ucxzizbl]{margin:0;padding-left:1.1rem}.rules-panel[data-astro-cid-ucxzizbl] li[data-astro-cid-ucxzizbl]{font-size:.88rem;color:var(--gray-600);line-height:1.6;margin-bottom:.55rem}.rules-panel[data-astro-cid-ucxzizbl] li[data-astro-cid-ucxzizbl]:last-child{margin-bottom:0}.builder-section[data-astro-cid-ucxzizbl]{padding:0 0 1.5rem}.card[data-astro-cid-ucxzizbl]{background:var(--off-white);border:1px solid var(--gray-200);border-radius:16px;padding:2rem}.card[data-astro-cid-ucxzizbl]+.card[data-astro-cid-ucxzizbl]{margin-top:1.5rem}.card-label[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;display:flex;align-items:center;gap:.4rem}.card-label[data-astro-cid-ucxzizbl]:before{content:"//"}.field-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.1rem}.field-label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.08em}.field-hint[data-astro-cid-ucxzizbl]{font-size:.85rem;color:var(--gray-600);line-height:1.5;margin-bottom:1rem;max-width:640px}.product-card/.qa-*/.msg*/.counter* rule below that is shared with JS-generated markup. */ :global(.calc-input),:global(.calc-textarea){font-family:var(--font-mono);font-size:.88rem;color:var(--gray-800);background:#fff;border:1.5px solid var(--gray-200);border-radius:12px;padding:.7rem .9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.calc-textarea{resize:vertical;min-height:4.5rem;line-height:1.5;font-family:var(--font-mono)}.calc-input:focus,.calc-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3e92cc1f}.calc-input.has-error{border-color:#dc2626}.btn-block[data-astro-cid-ucxzizbl]{width:100%;margin-top:1.25rem}.btn{font-family:var(--font-mono);font-size:.88rem;font-weight:500;padding:.85rem 1.5rem;border-radius:10px;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:none}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-blue);box-shadow:0 10px 30px #3e92cc40}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover:not(:disabled){background:var(--primary-blue);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:.6rem 1.1rem;font-size:.8rem}.icon-btn{background:none;border:none;color:var(--gray-600);font-size:1.2rem;line-height:1;width:1.9rem;height:1.9rem;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease}.icon-btn:hover:not(:disabled){background:var(--gray-100);color:#dc2626}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.file-btn[data-astro-cid-ucxzizbl]{position:relative}.toolbar-row[data-astro-cid-ucxzizbl]{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.toolbar-row[data-astro-cid-ucxzizbl]+.toolbar-row[data-astro-cid-ucxzizbl]{margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed var(--gray-200)}.format-group[data-astro-cid-ucxzizbl]{display:flex;align-items:center;gap:.9rem}.format-toggle[data-astro-cid-ucxzizbl]{display:inline-flex;border:1.5px solid var(--primary-blue);border-radius:10px;overflow:hidden}.format-btn[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.6rem 1.1rem;border:none;background:#fff;color:var(--primary-blue);cursor:pointer}.format-btn[data-astro-cid-ucxzizbl]+.format-btn[data-astro-cid-ucxzizbl]{border-left:1.5px solid var(--primary-blue)}.format-btn[data-astro-cid-ucxzizbl].active{background:var(--primary-blue);color:#fff}.paste-toggle[data-astro-cid-ucxzizbl]{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--primary-blue);cursor:pointer;margin-bottom:1rem}.paste-toggle[data-astro-cid-ucxzizbl]:hover{color:var(--accent-blue)}.paste-toggle[data-astro-cid-ucxzizbl] .chevron[data-astro-cid-ucxzizbl]{display:inline-block;transition:transform .15s ease;color:var(--accent-blue)}.paste-toggle[data-astro-cid-ucxzizbl][aria-expanded=true] .chevron[data-astro-cid-ucxzizbl]{transform:rotate(90deg)}.paste-controls[data-astro-cid-ucxzizbl]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;flex-wrap:wrap}.paste-count[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.78rem;color:var(--gray-600)}.msg[data-astro-cid-ucxzizbl],.msg{font-size:.8rem;color:var(--gray-600);margin-top:.4rem;line-height:1.4;min-height:1em}.msg[data-astro-cid-ucxzizbl]:empty,.msg:empty{margin-top:0;min-height:0}.msg-error[data-astro-cid-ucxzizbl],.msg-error{color:#dc2626;font-weight:500}.products-section[data-astro-cid-ucxzizbl]{padding:0 0 4rem}.products-head[data-astro-cid-ucxzizbl]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.product-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 1px 2px #0a24630a,0 10px 28px -16px #0a246324;padding:1.75rem 1.75rem 1.5rem;margin-bottom:1.25rem}.product-card-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.1rem}.id-field-block{flex:1;max-width:340px;margin-bottom:0}.qa-rows{display:flex;flex-direction:column}.qa-row{padding-top:1.1rem;margin-top:1.1rem;border-top:1px dashed var(--gray-200)}.qa-row:first-child{padding-top:0;margin-top:0;border-top:none}.qa-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.qa-row-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.08em}.qa-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qa-fields .field-group{margin-bottom:0}.qa-fields .calc-textarea{min-height:3.6rem}.field-foot{display:flex;justify-content:flex-end;margin-top:.3rem}.counter{font-family:var(--font-mono);font-size:.72rem;color:var(--gray-600)}.counter.counter-limit{color:#dc2626}.row-msg{text-align:right}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}.total-counter{font-family:var(--font-mono);font-size:.76rem;color:var(--gray-600)}.total-counter.msg-error{color:#dc2626;font-weight:600}.output-block{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--gray-200)}.mono-label{color:var(--accent-blue)}.output-textarea{font-family:var(--font-mono);width:100%;font-size:.82rem;color:var(--gray-800);background:var(--off-white);border:1.5px solid var(--gray-200);border-radius:12px;padding:.7rem .9rem;resize:vertical;min-height:3rem;line-height:1.5;margin-bottom:.6rem}.output-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3e92cc1f}.steps-section[data-astro-cid-ucxzizbl]{padding:0 0 4rem}.steps-grid[data-astro-cid-ucxzizbl]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}.step-card[data-astro-cid-ucxzizbl]{background:var(--off-white);border:1px solid var(--gray-200);border-radius:16px;padding:2rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.step-card[data-astro-cid-ucxzizbl]:hover{border-color:var(--accent-blue);box-shadow:0 8px 30px #0a246314;transform:translateY(-3px)}.step-num[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-blue);letter-spacing:.1em;display:block;margin-bottom:.75rem}.step-title[data-astro-cid-ucxzizbl]{font-size:1rem;font-weight:700;color:var(--primary-blue);margin-bottom:.6rem;line-height:1.3}.step-body[data-astro-cid-ucxzizbl]{font-size:.9rem;color:var(--gray-600);line-height:1.6}.step-body[data-astro-cid-ucxzizbl] code[data-astro-cid-ucxzizbl]{font-size:.85em}.related-section[data-astro-cid-ucxzizbl]{padding:0 0 4rem}.related-grid[data-astro-cid-ucxzizbl]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.related-card[data-astro-cid-ucxzizbl]{background:var(--off-white);border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem}.related-tag[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.68rem;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.12em}.related-text[data-astro-cid-ucxzizbl]{font-size:.93rem;color:var(--gray-600);line-height:1.6;flex:1}.related-text[data-astro-cid-ucxzizbl] a[data-astro-cid-ucxzizbl]{color:var(--accent-blue);text-decoration:none;font-weight:600}.related-text[data-astro-cid-ucxzizbl] a[data-astro-cid-ucxzizbl]:hover{text-decoration:underline}.related-link[data-astro-cid-ucxzizbl]{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--primary-blue);border:1.5px solid var(--primary-blue);border-radius:8px;padding:.55rem 1rem;text-decoration:none;white-space:nowrap;align-self:flex-start;transition:background .2s ease,color .2s ease}.related-link[data-astro-cid-ucxzizbl]:hover{background:var(--primary-blue);color:#fff}.cta-section[data-astro-cid-ucxzizbl]{padding:6rem 0;text-align:center}.cta-title[data-astro-cid-ucxzizbl]{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700;color:var(--primary-blue);margin-bottom:1rem;line-height:1.2}.cta-title[data-astro-cid-ucxzizbl] .accent[data-astro-cid-ucxzizbl]{background:linear-gradient(135deg,var(--accent-blue),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-sub[data-astro-cid-ucxzizbl]{font-size:1.05rem;color:var(--gray-600);margin-bottom:2.5rem;line-height:1.65;max-width:520px;margin-left:auto;margin-right:auto}.cta-group[data-astro-cid-ucxzizbl]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.cta-group[data-astro-cid-ucxzizbl] .btn[data-astro-cid-ucxzizbl]{flex:initial}@media (max-width: 900px){.related-grid[data-astro-cid-ucxzizbl],.steps-grid[data-astro-cid-ucxzizbl]{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.hero[data-astro-cid-ucxzizbl]{padding:100px 0 48px}.builder-section[data-astro-cid-ucxzizbl]{padding:0 0 2.5rem}.qa-fields{grid-template-columns:1fr}.id-field-block{max-width:none}.steps-grid[data-astro-cid-ucxzizbl]{grid-template-columns:1fr;gap:1.25rem}.steps-section[data-astro-cid-ucxzizbl],.related-section[data-astro-cid-ucxzizbl]{padding:0 0 3rem}.related-grid[data-astro-cid-ucxzizbl]{grid-template-columns:1fr}.products-section[data-astro-cid-ucxzizbl]{padding:0 0 3rem}.products-head[data-astro-cid-ucxzizbl]{flex-direction:column;align-items:flex-start}.cta-section[data-astro-cid-ucxzizbl]{padding:4rem 0}.card[data-astro-cid-ucxzizbl],.product-card{padding:1.5rem}.cta-group[data-astro-cid-ucxzizbl],.toolbar-row[data-astro-cid-ucxzizbl]{flex-direction:column;align-items:stretch}.toolbar-row[data-astro-cid-ucxzizbl] .btn[data-astro-cid-ucxzizbl],.toolbar-row .btn{width:100%}.paste-controls[data-astro-cid-ucxzizbl]{flex-direction:column;align-items:stretch}.paste-controls[data-astro-cid-ucxzizbl] .btn[data-astro-cid-ucxzizbl]{width:100%}.card-actions{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.container[data-astro-cid-ucxzizbl]{padding:0 1rem}.hero[data-astro-cid-ucxzizbl]{padding:90px 0 40px}.card[data-astro-cid-ucxzizbl],.product-card{padding:1.25rem}}