.pbwb-wrap{--pb:#0f766e;--pb2:#14b8a6;--ink:#102a2a;--muted:#637575;--line:#dcebea;--soft:#f3fbfa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1080px;margin:28px auto;color:var(--ink)}
.pbwb-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 55px rgba(15,118,110,.12);overflow:hidden}
.pbwb-hero{position:relative;padding:32px 36px;background:linear-gradient(135deg,#083f3c,#0f766e 55%,#14b8a6);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}
.pbwb-hero h2{margin:5px 0 8px;font-size:clamp(26px,4vw,39px);line-height:1.08;color:#fff}.pbwb-hero p{margin:0;max-width:700px;color:#dff9f6}.pbwb-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;opacity:.85}.pbwb-paw{font-size:64px;opacity:.18;transform:rotate(-12deg)}
.pbwb-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(350px,1.1fr);gap:0}
.pbwb-panel,.pbwb-results{padding:32px}.pbwb-panel{border-right:1px solid var(--line)}
.pbwb-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pbwb-panel-title span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d9f5f1;color:var(--pb);font-weight:800;font-size:12px}.pbwb-panel-title h3{margin:0;font-size:18px}
.pbwb-panel label{display:block;font-weight:750;font-size:13px;margin:0 0 16px}.pbwb-panel input,.pbwb-panel select{box-sizing:border-box;width:100%;height:46px;border:1px solid #cfe1df;border-radius:12px;background:#fff;padding:0 13px;margin-top:7px;color:var(--ink);font:inherit;outline:none;transition:.2s}
.pbwb-panel input:focus,.pbwb-panel select:focus{border-color:var(--pb2);box-shadow:0 0 0 4px rgba(20,184,166,.12)}
.pbwb-input-row{display:grid;grid-template-columns:1fr 86px;gap:8px}.pbwb-input-row input{margin-top:0}.pbwb-input-row select{margin-top:0}
.pbwb-stepper{display:grid;grid-template-columns:46px 1fr 46px;gap:7px}.pbwb-stepper button{height:46px;border:0;border-radius:12px;background:#e9f7f5;color:var(--pb);font-size:25px;cursor:pointer;transition:.2s}.pbwb-stepper button:hover{background:#d4f0ec;transform:translateY(-1px)}
.pbwb-stepper input{margin-top:0;text-align:center}
.pbwb-tips{background:var(--soft);border-left:4px solid var(--pb2);padding:13px 15px;border-radius:10px;margin:20px 0}.pbwb-tips strong{font-size:13px}.pbwb-tips p{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.pbwb-calc{width:100%;border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(100deg,var(--pb),var(--pb2));color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 9px 22px rgba(15,118,110,.2);transition:.25s}.pbwb-calc:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(15,118,110,.25)}.pbwb-reset{display:block;margin:12px auto 0;border:0;background:none;color:var(--muted);cursor:pointer;font-size:12px}
.pbwb-results{background:linear-gradient(180deg,#fbffff,#f4fbfa)}.pbwb-result-head{text-align:center}.pbwb-badge{display:inline-block;padding:7px 11px;border-radius:99px;background:#dff7f3;color:#0b6a62;font-size:10px;font-weight:900;letter-spacing:1px}.pbwb-main-size{font-size:45px;font-weight:900;letter-spacing:-2px;margin:13px 0 0;color:#083f3c}.pbwb-main-size small{font-size:16px;letter-spacing:0}.pbwb-sub{font-size:12px;color:var(--muted);margin:0}
.pbwb-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.pbwb-metrics div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.pbwb-metrics span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.pbwb-metrics strong{display:block;margin-top:4px;font-size:14px}
.pbwb-visual{display:grid;place-items:center;padding:8px 0 24px}.pbwb-box-diagram{width:min(290px,75vw);aspect-ratio:1;position:relative}.pbwb-box-floor{position:absolute;inset:20px;border:3px solid var(--pb);border-radius:16px;background:repeating-linear-gradient(45deg,#edf9f7,#edf9f7 10px,#e4f5f2 10px,#e4f5f2 20px);box-shadow:inset 0 0 0 6px rgba(20,184,166,.07);animation:pbfloat 3s ease-in-out infinite}.pbwb-dam-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0f766e;color:#fff;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 7px 20px rgba(15,118,110,.2)}.pbwb-pups{position:absolute;inset:18%;background:radial-gradient(circle at 20% 30%,#f7c98b 0 8%,transparent 9%),radial-gradient(circle at 78% 30%,#f7c98b 0 8%,transparent 9%),radial-gradient(circle at 25% 75%,#f7c98b 0 8%,transparent 9%),radial-gradient(circle at 75% 75%,#f7c98b 0 8%,transparent 9%);opacity:.85}.pbwb-dim{position:absolute;font-size:11px;font-weight:800;color:var(--pb)}.pbwb-dim-x{left:50%;bottom:0;transform:translateX(-50%)}.pbwb-dim-y{right:-4px;top:50%;transform:translate(100%,-50%) rotate(90deg)}
.pbwb-recommendation{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.pbwb-recommendation h3{margin:0 0 5px;font-size:14px}.pbwb-recommendation p{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.pbwb-details{border-top:1px solid var(--line);padding:0 32px}.pbwb-details details{border-bottom:1px solid var(--line);padding:16px 0}.pbwb-details summary{cursor:pointer;font-weight:800;font-size:14px}.pbwb-details ol,.pbwb-details ul{margin:12px 0 0 20px;color:var(--muted);font-size:12px;line-height:1.7}.pbwb-foot{text-align:center;padding:18px 25px;color:#7b8b8b;font-size:10px;background:#fafdfd}
.pbwb-wrap.pbwb-updated .pbwb-main-size{animation:pbpop .45s ease}@keyframes pbpop{0%{transform:scale(.92);opacity:.4}70%{transform:scale(1.04)}100%{transform:scale(1);opacity:1}}@keyframes pbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:760px){.pbwb-hero{padding:25px 22px}.pbwb-paw{display:none}.pbwb-grid{grid-template-columns:1fr}.pbwb-panel{border-right:0;border-bottom:1px solid var(--line);padding:24px 20px}.pbwb-results{padding:24px 20px}.pbwb-main-size{font-size:38px}.pbwb-details{padding:0 20px}}
@media(prefers-reduced-motion:reduce){.pbwb-box-floor,.pbwb-main-size{animation:none!important}.pbwb-calc,.pbwb-stepper button{transition:none}}