/* Scoped miniature of the editor's material list; no images or extra dependencies. */
.feature-visual:has(> .bom-demo:not([hidden])){background:transparent}
.bom-demo{position:relative;height:var(--feature-media-height);min-width:0;background:transparent;border-radius:12px;color:var(--site-text);font-variant-numeric:tabular-nums;overflow:hidden}
.bom-stage{position:absolute;top:50%;left:50%;width:480px;height:764px;display:grid;grid-template-rows:minmax(0,1fr);transform:translate(-50%,-50%) scale(.3985507246);transform-origin:center}
.bom-replay{font-size:12px;color:var(--site-muted);background:transparent;border:0;padding:2px 0 2px 12px;min-height:28px;white-space:nowrap}
.bom-replay:hover{color:var(--blue)}
.bom-window{display:grid;grid-template-rows:72px minmax(0,1fr) auto;min-height:0;border:1px solid var(--site-line);border-radius:24px;background:var(--site-surface);overflow:hidden;box-shadow:0 14px 35px -24px #32445c66}
.bom-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 22px;border-bottom:1px solid var(--site-line)}
.bom-header>strong{font-size:20px;font-weight:650;display:flex;align-items:center;gap:10px}
.bom-header strong span{font-size:12px;font-weight:550;color:var(--site-muted);background:var(--site-soft);border-radius:20px;padding:5px 10px;white-space:nowrap}
.bom-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4c7cc transparent;scroll-behavior:auto;padding:18px 20px 20px}
.bom-scroll::-webkit-scrollbar{width:5px}.bom-scroll::-webkit-scrollbar-thumb{background:var(--site-muted);border-radius:5px}
.bom-prices{padding-bottom:18px;border-bottom:1px solid var(--site-line);margin-bottom:16px}
.bom-prices h4{font-size:12px;font-weight:550;color:var(--site-muted);margin-bottom:12px}
.bom-unit{display:grid;grid-template-columns:minmax(0,1fr) 90px 43px;align-items:center;gap:9px;min-height:47px;border-radius:9px;padding:3px 4px}
.bom-unit>span{font-size:13px;font-weight:550}.bom-unit small,.bom-manual small{font-size:12px;color:var(--site-muted)}
.bom-demo input{width:100%;min-width:0;height:36px;border:1px solid var(--site-line);border-radius:10px;background:var(--site-surface);text-align:center;font:inherit;font-size:14px;color:var(--site-text);box-shadow:0 1px 3px #00000008}
.bom-demo input::placeholder{color:var(--site-muted)}.bom-demo input[aria-invalid=true]{border-color:var(--site-danger)}
.bom-item{padding:16px;border:1px solid var(--site-line);border-radius:17px;background:var(--site-soft);margin-bottom:12px;scroll-margin:16px}
.bom-item:last-child{margin-bottom:0}
.bom-item-heading{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--site-line)}
.bom-item-number{color:var(--site-muted);font-size:12px}.bom-item h4{font-size:14px;font-weight:600;min-width:0;flex:1}
.bom-item h4 small{display:block;font-size:11px;color:var(--site-muted);font-weight:400;margin-top:4px;line-height:1.5}
.bom-item-heading>strong{font-size:16px;white-space:nowrap}.bom-item-heading>strong.is-unpriced{font-size:12px;color:var(--site-warning);font-weight:500}
.bom-item-actions{padding-top:11px}.bom-mode{display:inline-flex;background:var(--site-soft);border-radius:10px;padding:3px;max-width:100%}
.bom-mode button{border:1px solid transparent;background:transparent;border-radius:8px;padding:7px 10px;color:var(--site-muted);font-size:11px;min-height:33px}
.bom-mode button[aria-pressed=true]{background:var(--site-surface);border-color:var(--site-line);box-shadow:0 1px 4px #0000000f;color:var(--site-text);font-weight:550}
.bom-manual{display:grid;grid-template-columns:1fr 90px 24px;align-items:center;gap:8px;margin-top:10px;font-size:12px}
.bom-note{margin-top:8px;border-radius:8px}.bom-note summary{display:block;font-size:11px;font-weight:500;color:var(--site-muted);line-height:1.6;padding:6px 0;min-height:30px}
.bom-note summary::before{content:'▸';display:inline-block;width:14px}.bom-note[open] summary::before{content:'▾'}
.bom-demo .bom-note p{font-size:12px;line-height:1.7;margin:0;padding:8px 10px;background:var(--site-surface);border-radius:8px;color:var(--site-muted)}
.bom-total{padding:16px 22px 18px;background:var(--site-surface);border-top:1px solid var(--site-line)}
.bom-total>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.8;margin-bottom:3px}.bom-total>div>span{color:var(--site-muted)}
.bom-total .bom-amount{border-top:1px dashed var(--site-line);margin-top:10px;padding-top:10px;font-size:14px}.bom-amount [data-total]{font-size:28px;color:var(--site-warning);font-weight:650;letter-spacing:-.03em}
.bom-demo .bom-unpriced,.bom-demo .bom-disclaimer{font-size:11px;line-height:1.7;margin:2px 0 0;color:var(--site-muted)}.bom-demo .bom-unpriced{color:var(--site-warning)}
.bom-demo .bom-feedback{position:absolute;bottom:0;left:0;right:0;margin:0;padding:3px 8px;font-size:12px;line-height:1.5;color:var(--site-muted);background:var(--site-accent-soft);z-index:2}.bom-demo .bom-feedback:empty{display:none}
.bom-highlight{outline:2px solid #8fb8f3;outline-offset:2px;background-color:var(--site-accent-soft)}
.bom-cursor{position:absolute;top:0;left:0;width:36px;height:44px;z-index:5;pointer-events:none;filter:drop-shadow(1px 3px 2px #0003)}
.bom-cursor svg{display:block;width:36px;height:44px;fill:#202c3d;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}
.bom-click-ring{position:absolute;left:4px;top:4px;width:40px;height:40px;border:3px solid #347bee;border-radius:50%;background:#4285ed26}
.bom-simulated-focus{outline:none}
@media(max-width:600px){.bom-stage{transform:translate(-50%,-50%) scale(.2958937198)}}
@media(prefers-reduced-motion:reduce){.bom-cursor{display:none}}