#root{display:flex;justify-content:flex-end;max-width:1280px;margin:0 auto;padding:2rem;text-align:left}.card{padding:2em}.read-the-docs{color:#888}@media (max-width: 600px){#root{justify-content:flex-start;padding:1rem}}.layout{display:grid;grid-template-columns:1fr;grid-template-areas:"form";gap:16px;align-items:start}.form-pane{grid-area:form}.layout .sidebar{margin-left:0}@media (max-width: 600px){.layout{grid-template-columns:1fr;gap:12px}}.sidebar{width:400px;min-width:400px;max-width:400px;position:relative;padding-bottom:24px}.top-sticky{position:sticky;top:0;background:#e8f0ff;padding:.8rem 1rem;margin-bottom:1rem;z-index:100;box-shadow:0 2px 4px #0000000d;border-radius:4px;border:1px solid #a0a0a0;font-size:1em;font-weight:600;color:#333;text-align:center}.bottom-sticky{position:sticky;bottom:0;background:#fff;padding:8px 10px;margin-top:.5rem;box-shadow:0 -2px 4px #0000000d}.bottom-sticky .edit-note{color:#0366d6;margin-bottom:6px;font-size:.95em}.bottom-sticky .actions-row{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:nowrap}.bottom-sticky .actions-row button{white-space:nowrap}.component-group{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:8px;margin-bottom:4px}.price-diff-badge{margin-left:8px;padding:2px 6px;background:#eef;border-radius:10px;font-size:.85em}@media (max-width: 600px){.sidebar{width:100%;min-width:0;max-width:none;padding-bottom:96px}.top-sticky{position:static;margin:.5rem 0}.bottom-sticky{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:1000;border-top:1px solid #ddd;box-shadow:0 -2px 8px #00000014;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.bottom-sticky .actions-row{flex-wrap:nowrap}}.topbar{position:sticky;top:0;z-index:200;background:#f8f9fa;padding:8px 0 12px;margin-bottom:8px}.topbar-actions{display:flex;justify-content:flex-end;gap:8px}.btn-cart{background:#0d6efd;color:#fff;border:none;padding:8px 12px;border-radius:6px}.btn-copy-link{background:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:6px}.cart-list{list-style:none;padding:0;margin:0}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 0;border-bottom:1px solid #eee}.cart-row.selected{background:#eaf3ff;border-left:4px solid #5a95ff;border:1px solid #d6e6ff;border-radius:6px;padding-left:12px}.cart-meta{font-style:italic;color:#666;font-size:.9em;margin-top:2px}.cart-qty button{width:28px;height:28px}.cart-qty span{display:inline-block;width:28px;text-align:center}.cart-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.cart-buttons button{margin-left:8px}.cart-total-sticky{display:none}.cart-sub.with-discount{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.price-original{color:#888;text-decoration:line-through;margin-right:6px}.price-discounted{color:#111;font-weight:600}.price-off{color:#0a7a0a;font-weight:600}.cart-total .price-original{margin-right:10px}.cart-sub.compact{margin-top:4px;font-size:.9em}.cart-sub.compact .price-original{font-size:.9em}.discount-badges{display:inline-flex;gap:6px;margin-left:6px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.82em;font-weight:600;border:1px solid transparent;line-height:1.6}.badge-qty{color:#0a5d0a;background:#e7f6e7;border-color:#bfe5bf}.badge-vol{color:#0a3c7a;background:#e7f0fb;border-color:#c6d7f6}.badge-spec{color:#7a0a57;background:#f9e7f4;border-color:#f0c8e3}.badge-total{color:#0a7a0a;background:#e6ffe6;border-color:#b9f5b9}.cart-discount-summary{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.discount-legend{display:flex;gap:8px;margin:6px 0 12px;align-items:center;flex-wrap:wrap}.cart-overlay{position:fixed;inset:0;pointer-events:none;display:flex;justify-content:flex-end;align-items:flex-start;z-index:1000}.cart-drawer{position:fixed;width:380px;max-height:80vh;margin:0;background:#fdfdfd;display:flex;flex-direction:column;pointer-events:auto;border-radius:10px;overflow:hidden;border:2px solid #c8d0d6;right:12px;top:64px}.cart-drawer.dragging{cursor:grabbing}.cart-drag-handle{height:10px;background:repeating-linear-gradient(90deg,#b0bec5,#b0bec5 6px,#cfd8dc 6px 12px);cursor:grab;border-bottom:1px solid #b0bec5}.cart-drawer-body{overflow:auto;padding:0;background:linear-gradient(180deg,#fff,#f6f8fa)}.cart-close{display:none}.cart-header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.cart-close-inline{position:absolute;top:6px;right:10px;background:#e9eef2;border:1px solid #b0bec5;color:#333;font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}.cart-close-inline:hover{background:#dfe6eb}.cart-drawer{box-shadow:0 12px 32px #00000040,inset 0 0 0 1px #fff9}.cart{padding:8px;background:transparent;border-right:0}.cart-header-sticky{position:sticky;top:0;left:0;right:0;background:#eef3f6;z-index:2;padding:4px 40px 4px 6px;border-bottom:1px solid #c8d0d6;margin-top:-8px;margin-left:-8px;margin-right:-8px;-webkit-user-select:none;user-select:none}.cart-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cart-header-sticky h3{font-size:.95rem;margin:0;font-weight:700}.cart .cart-row{border-bottom:1px dashed #b0bec5;padding-bottom:6px}.cart .cart-title{font-weight:600;color:#2c3e50;font-size:.98rem}.cart .cart-details{color:#37474f;font-size:.9em;margin-top:2px}.cart .cart-footer{border-top:2px solid #c8d0d6;padding-top:8px}.cart-footer-sticky{position:sticky;bottom:0;left:0;right:0;background:#eef3f6;padding:2px 6px;border-top:1px solid #c8d0d6;margin-bottom:-8px;margin-left:-8px;margin-right:-8px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:8px;-webkit-user-select:none;user-select:none}.footer-col{min-width:0}.footer-price .line{height:20px;display:flex;align-items:center}.footer-sales .row{height:20px;display:flex;align-items:center;font-size:.82rem}.footer-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.footer-price .price-original.muted{opacity:.35}.btn-link{display:inline-flex;align-items:center;gap:6px;background:#eef;color:#1b4fd8;border:1px solid #c7d3ff}.btn-link:hover{background:#e2eaff}.cart-total{font-size:.9rem}.cart-buttons{display:inline-flex;gap:4px}.btn-sm{font-size:.78rem;padding:3px 7px;border-radius:8px}.cart-discount-summary{gap:6px}.cart-discount-summary .badge{font-size:.75em;padding:1px 6px}.cart-actions-compact{display:flex;align-items:center;gap:8px;justify-content:flex-end}.cart-qty.small button{width:26px;height:26px;padding:0}.cart-qty.small span{width:24px}.btn-trash{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffefef;color:#a40000;border:1px solid #ffcaca;padding:0;border-radius:8px}.btn-trash:hover{background:#ffe3e3}.cart-details{white-space:pre-wrap;color:#444;font-size:.95em;margin-top:4px}@media (max-width: 600px){.cart-overlay{align-items:stretch;justify-content:stretch}.cart-drawer{left:8px;right:8px;width:auto;top:56px;max-height:calc(100vh - 72px);border-radius:12px}.cart-header-sticky,.cart-footer-sticky{margin-left:0;margin-right:0;border-radius:0}.cart-header-sticky{padding-right:36px}.footer-actions{align-items:stretch}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}body{margin:0;padding:2rem;font-family:system-ui,sans-serif;background:#f8f9fa;color:#212529}input,select,button{font-size:1rem;padding:.4rem .6rem;margin:.3rem 0;border:1px solid #ccc;border-radius:4px}button{background-color:#007bff;color:#fff;cursor:pointer;border:none}button:hover{background-color:#0056b3}form label{display:block;margin-bottom:.5rem}pre{background:#e9ecef;padding:1rem;border-radius:4px;overflow-x:auto}input[type=checkbox]{accent-color:#0074d9;width:1.2em;height:1.2em;border-radius:.25em;border:1px solid #bbb;vertical-align:middle;margin-right:.4em;cursor:pointer}input[type=checkbox]:focus{outline:none}.block-margin{margin:.5em 0}.mt-4{margin-top:4px}.textarea-full{width:100%;resize:vertical;margin-top:4px}.slider-label{display:block;margin-bottom:1em}.slider-row{display:flex;align-items:center;gap:8px}.slider-range{flex:1;min-width:0;touch-action:pan-x}.slider-num{width:80px}.slider-range::-webkit-slider-container{padding:0;margin:0}.slider-range::-webkit-slider-runnable-track{margin:0;height:4px}.slider-range::-webkit-slider-thumb{margin-top:-7px}.slider-range{accent-color:#0d6efd}@media (max-width: 600px){body{padding:1rem}}