:root{--pbc-primary:#0072ce;--pbc-primary-deep:#005fa3;--pbc-primary-light:#e8f3ff;--pbc-secondary:#00a86b;--pbc-secondary-light:#e6f0ff;--pbc-secondary-bg:#e8f9f2;--pbc-danger:#e74c3c;--pbc-bg:#f4f6f9;--pbc-white:#ffffff;--pbc-text:#1d2026;--pbc-text-mid:#4a5060;--pbc-text-light:#848c9a;--pbc-border:#d6dce6;--pbc-border-focus:#0072ce;--pbc-radius:5px;--pbc-spacing:1.5rem;--pbc-gap:0.6rem;--pbc-shadow:0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.05);--pbc-shadow-lg:0 8px 32px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06);--pbc-header-h:64px;--pbc-gravel-color:#7c6245;--pbc-sand-color:#c9a84c;--pbc-total-color:#0072ce;--pbc-transition:0.18s ease}.pbc-application-container img,.pbc-application-container svg{display:block}button{cursor:pointer}.pbc-application-container input[type="number"]{font-family:inherit;-moz-appearance:textfield}.pbc-application-container input[type="number"]::-webkit-outer-spin-button,.pbc-application-container input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none}.pbc-hidden{display:none!important}.pbc-container{max-width:100%;margin:0 auto}.pbc-header{background:var(--pbc-white)!important;padding:1.5rem .5rem;border:1px solid var(--pbc-border)!important;border-radius:var(--pbc-radius)}.pbc-header__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--pbc-gap)}.pbc-header__brand{display:flex;align-items:center;gap:.75rem}.pbc-header__icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--pbc-primary)!important;color:var(--pbc-white)!important;border-radius:var(--pbc-radius);padding:6px;flex-shrink:0}.pbc-header__icon svg{width:100%;height:100%}.pbc-header__title{display:block;font-size:clamp(1.3rem, 5vw, 2rem)!important;color:var(--pbc-primary)!important;line-height:1.2;font-weight:800}.pbc-header__sub{display:block;font-size:0.72rem!important;color:var(--pbc-text-light)!important;letter-spacing:.03em;text-transform:uppercase;font-weight:500}.pbc-header__nav{display:flex;align-items:center;gap:5px;background:var(--pbc-bg)!important;border:1px solid var(--pbc-border)!important;border-radius:8px;padding:3px;height:35px!important}.pbc-unit-toggle{border:none!important;background-color:transparent!important;cursor:pointer;font-size:0.8rem!important;font-weight:500;padding:.3rem .75rem;border-radius:6px;color:var(--pbc-text-mid)!important;transition:background var(--pbc-transition),color var(--pbc-transition);white-space:nowrap}.pbc-unit-toggle--active,.pbc-unit-toggle:hover{background:var(--pbc-white)!important;color:var(--pbc-primary)!important;box-shadow:0 1px 4px rgb(0 0 0 / .08)}.pbc-unit-toggle--active{color:var(--pbc-primary)!important;font-weight:600}.pbc-layout{display:flex;flex-direction:column;gap:var(--pbc-spacing)}.pbc-card{background:var(--pbc-white)!important;border-radius:var(--pbc-radius);border:1px solid var(--pbc-border);padding:1.5rem}.pbc-step{margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--pbc-border)}.pbc-step:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.pbc-step__label{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.pbc-step__num{font-size:.75rem;font-weight:700;color:var(--pbc-primary)!important;background:var(--pbc-primary-light);border:1px solid rgb(0 114 206 / .2);padding:.15rem .45rem;border-radius:4px;letter-spacing:.04em;flex-shrink:0}.pbc-step__title{font-size:1.05rem!important;font-weight:700;color:var(--pbc-text)!important}.pbc-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.pbc-type-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .4rem;border:1.5px solid var(--pbc-border)!important;border-radius:var(--pbc-radius);background:var(--pbc-white)!important;color:var(--pbc-text-mid)!important;transition:all var(--pbc-transition);text-align:center}.pbc-type-btn:hover{border-color:var(--pbc-primary)!important;background:var(--pbc-primary-light)!important;color:var(--pbc-primary)!important}.pbc-type-btn--active{border-color:var(--pbc-primary)!important;background:var(--pbc-primary-light)!important;color:var(--pbc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.pbc-type-btn__icon{font-size:1.25rem;line-height:1}.pbc-type-btn__name{font-size:0.9rem!important;font-weight:600;line-height:1.2}.pbc-type-btn__hint{font-size:0.7rem!important;color:var(--pbc-text-light)!important;line-height:1.2}.pbc-type-btn--active .pbc-type-btn__hint{color:var(--pbc-primary)!important;opacity:.8}.pbc-area-mode{display:flex;gap:4px;background:var(--pbc-bg)!important;border:1px solid var(--pbc-border)!important;border-radius:8px;padding:3px;margin-bottom:1rem;width:fit-content}.pbc-mode-btn{border:none!important;cursor:pointer;font-size:0.82rem!important;font-weight:500;padding:.35rem .9rem;border-radius:6px;color:var(--pbc-text-mid)!important;background-color:var(--pbc-border)!important;transition:all var(--pbc-transition)}.pbc-mode-btn--active,.pbc-mode-btn:hover{background:var(--pbc-white)!important;color:var(--pbc-primary)!important;box-shadow:0 1px 4px rgb(0 0 0 / .08);font-weight:600}.pbc-field-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:end}.pbc-field-row>.pbc-field:only-child,.pbc-field-row:has(>.pbc-field:nth-child(2):last-child){grid-template-columns:1fr 1fr}.pbc-field-row--two{grid-template-columns:1fr 1fr}.pbc-times{font-size:1.2rem!important;color:var(--pbc-text-light)!important;padding-bottom:.5rem;text-align:center;user-select:none}.pbc-field{display:flex;flex-direction:column;gap:.35rem}.pbc-label{font-size:0.82rem!important;font-weight:600;color:var(--pbc-text-mid)!important;letter-spacing:.01em}.pbc-label__sub{display:block;font-size:0.72rem!important;font-weight:400;color:var(--pbc-text-light)!important;margin-top:1px}.pbc-input-wrap{display:flex;align-items:stretch;border:1.5px solid var(--pbc-border)!important;border-radius:var(--pbc-radius);background:var(--pbc-white)!important;overflow:hidden;transition:border-color var(--pbc-transition),box-shadow var(--pbc-transition)}.pbc-input-wrap:focus-within{border-color:var(--pbc-border-focus)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.pbc-input{flex:1;padding:.55rem .7rem;font-size:0.95rem!important;font-weight:500;color:var(--pbc-text)!important;background:#fff0;border:none;outline:none;min-width:0}.pbc-unit-badge{display:flex;align-items:center;padding:0 .65rem;font-size:0.75rem!important;font-weight:600;color:var(--pbc-text-mid)!important;background:var(--pbc-bg)!important;border-left:1.5px solid var(--pbc-border);white-space:nowrap;letter-spacing:.03em}.pbc-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .8rem;border-radius:var(--pbc-radius);font-size:0.8rem!important;margin-bottom:1rem}.pbc-tip--info{background:var(--pbc-primary-light)!important;border:1px solid rgb(0 114 206 / .18);color:var(--pbc-primary-deep)!important}.pbc-tip__icon{font-size:0.9rem!important;flex-shrink:0;margin-top:1px}.pbc-presets{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.pbc-presets__label{font-size:0.75rem!important;color:var(--pbc-text-light)!important;font-weight:500}.pbc-preset-btn{font-size:0.75rem!important;font-weight:600;padding:.22rem .65rem;border:1.5px solid var(--pbc-border)!important;border-radius:20px;color:var(--pbc-text-mid)!important;background:var(--pbc-white)!important;transition:all var(--pbc-transition);letter-spacing:.02em}.pbc-preset-btn:hover{border-color:var(--pbc-primary)!important;background:var(--pbc-primary-light)!important;color:var(--pbc-primary)!important}.pbc-advanced-toggle{cursor:pointer;border:none;border-radius:var(--pbc-radius);width:100%;display:flex;align-items:center;gap:.6rem;padding:.7rem;color:var(--pbc-text-mid)!important;background-color:var(--pbc-border)!important;transition:color var(--pbc-transition)}.pbc-advanced-toggle:hover{color:var(--pbc-primary)!important}.pbc-advanced-toggle__title{font-size:1.05rem!important;font-weight:400;flex:1;text-align:left}.pbc-advanced-toggle__chevron{width:18px;height:18px;transition:transform 0.22s ease;flex-shrink:0}.pbc-advanced-toggle[aria-expanded="true"] .pbc-advanced-toggle__chevron{transform:rotate(180deg)}.pbc-advanced-content{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem;animation:pbcFadeIn 0.18s ease}.pbc-advanced-content .pbc-field-row{grid-template-columns:1fr 1fr}.pbc-cta-wrap{margin-top:1.5rem}.pbc-btn{height:42px!important;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.4rem;border-radius:var(--pbc-radius);font-size:0.9rem!important;font-weight:600;transition:all var(--pbc-transition);letter-spacing:.01em}.pbc-btn svg{width:16px;height:16px;flex-shrink:0}.pbc-btn--calculate{cursor:pointer;width:fit-content;background:var(--pbc-primary)!important;color:var(--pbc-white)!important;border:none;font-size:1rem;padding:.8rem 1rem;border-radius:var(--pbc-radius);box-shadow:0 4px 14px rgb(0 114 206 / .28);transition:transform 0.12s ease,background 0.18s ease,box-shadow 0.18s ease}.pbc-btn--calculate:hover{background:var(--pbc-primary-deep)!important;box-shadow:0 6px 20px rgb(0 114 206 / .35);transform:translateY(-1px)}.pbc-btn--calculate:active{transform:translateY(0)}.pbc-error{margin-top:.75rem;padding:.65rem .85rem;background:#fdf3f2;border:1px solid rgb(231 76 60 / .3);border-radius:var(--pbc-radius);font-size:0.82rem!important;color:var(--pbc-danger)!important;font-weight:500}.pbc-results-card{position:sticky;top:calc(var(--pbc-header-h) + 1rem)}.pbc-results-placeholder{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0;text-align:center}.pbc-placeholder-graphic svg{width:180px;height:auto;opacity:.7}.pbc-placeholder-text{font-size:0.88rem!important;color:var(--pbc-text-mid)!important;max-width:260px;line-height:1.55}.pbc-placeholder-text strong{color:var(--pbc-primary)!important}.pbc-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pbc-results-title{font-size:1.3rem!important;font-weight:600;color:var(--pbc-text)!important}.pbc-results-badge{font-size:0.72rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--pbc-primary-light)!important;color:var(--pbc-primary)!important;padding:.2rem .6rem;border-radius:20px;border:1px solid rgb(0 114 206 / .2)}.pbc-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:var(--pbc-bg)!important;border-radius:var(--pbc-radius);padding:.75rem;margin-bottom:1.1rem;border:1px solid var(--pbc-border)}.pbc-summary-item{display:flex;flex-direction:column;gap:.2rem;text-align:center}.pbc-summary-item__label{font-size:0.68rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--pbc-text-light)!important}.pbc-summary-item__value{font-size:0.88rem!important;font-weight:700;color:var(--pbc-text)!important}.pbc-material-block{border-radius:var(--pbc-radius);padding:1rem;margin-bottom:.75rem;border:1px solid var(--pbc-border);background:var(--pbc-white);transition:box-shadow var(--pbc-transition)}.pbc-material-block:hover{box-shadow:var(--pbc-shadow)}.pbc-material-block--gravel{border-left:4px solid var(--pbc-gravel-color)}.pbc-material-block--sand{border-left:4px solid var(--pbc-sand-color)}.pbc-material-block--total{border-left:4px solid var(--pbc-total-color);background:var(--pbc-primary-light)}.pbc-material-block__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.pbc-material-block__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pbc-material-block__dot--gravel{background:var(--pbc-gravel-color)}.pbc-material-block__dot--sand{background:var(--pbc-sand-color)}.pbc-material-block__dot--total{background:var(--pbc-total-color)}.pbc-material-block__name{font-size:0.88rem!important;font-weight:700;color:var(--pbc-text)!important}.pbc-material-block__sub{font-size:0.72rem!important;color:var(--pbc-text-light)!important;margin-left:auto;text-align:right;line-height:1.3}.pbc-result-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.3rem 0;border-bottom:1px dashed var(--pbc-border)}.pbc-result-row:last-child{border-bottom:none;padding-bottom:0}.pbc-result-row__label{font-size:0.78rem!important;font-weight:500;color:var(--pbc-text-mid)!important;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.pbc-result-row__value{font-size:1.05rem!important;font-weight:700;color:var(--pbc-text)!important;text-align:right}.pbc-result-row__value--sm{font-size:0.88rem!important;font-weight:600;color:var(--pbc-text-mid)!important}.pbc-result-row__value--weight{color:var(--pbc-primary)!important;font-size:1rem}.pbc-result-row--secondary .pbc-result-row__label{color:var(--pbc-text-light)!important;text-transform:none;letter-spacing:0;font-size:0.75rem!important}.pbc-results-note{font-size:0.75rem!important;color:var(--pbc-text-light)!important;margin-bottom:.85rem;padding:.5rem .75rem;background:var(--pbc-secondary-bg)!important;border-radius:var(--pbc-radius);border:1px solid rgb(0 168 107 / .18)}.pbc-results-note strong{color:var(--pbc-secondary)!important}.pbc-excav-box{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:var(--pbc-bg);border:1px solid var(--pbc-border);border-radius:var(--pbc-radius);margin-bottom:1.1rem}.pbc-excav-box__label{font-size:0.78rem!important;font-weight:600;color:var(--pbc-text-mid)!important}.pbc-excav-box__value{font-size:0.95rem!important;font-weight:700;color:var(--pbc-text)!important}.pbc-action-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.pbc-btn--pdf{grid-column:1 / -1;border:1px solid var(--pbc-secondary)!important;background:var(--pbc-secondary)!important;color:var(--pbc-white)!important;border-radius:var(--pbc-radius);box-shadow:0 3px 10px rgb(0 168 107 / .22)}.pbc-btn--pdf:hover{background:#008f5b!important;box-shadow:0 5px 15px rgb(0 168 107 / .3);transform:translateY(-1px)}.pbc-btn--copy{background:var(--pbc-white)!important;color:var(--pbc-text)!important;border:1.5px solid var(--pbc-border);border-radius:var(--pbc-radius)}.pbc-btn--copy:hover{border-color:var(--pbc-primary)!important;color:var(--pbc-primary)!important;background:var(--pbc-primary-light)!important}.pbc-btn--reset{background:var(--pbc-white)!important;color:var(--pbc-danger)!important;border:1.5px solid rgb(231 76 60 / .3);border-radius:var(--pbc-radius)}.pbc-btn--reset:hover{background:#fdf3f2!important;border-color:var(--pbc-danger)!important}.pbc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--pbc-text)!important;color:var(--pbc-white)!important;padding:.6rem 1.2rem;border-radius:30px;font-size:.85rem;font-weight:500;box-shadow:var(--pbc-shadow-lg);z-index:9999;opacity:0;transition:transform 0.28s cubic-bezier(.34,1.56,.64,1),opacity 0.2s ease;pointer-events:none}.pbc-toast--show{transform:translateX(-50%) translateY(0);opacity:1;display:flex!important}@keyframes pbcFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pbc-results-content{animation:pbcFadeIn 0.22s ease}.pbc-btn--calculate::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgb(255 255 255 / .15);opacity:0;transition:opacity 0.15s ease}.pbc-btn--calculate{position:relative;overflow:hidden}.pbc-btn--calculate:active::after{opacity:1}@media (max-width:900px){.pbc-layout{grid-template-columns:1fr}.pbc-results-card{position:static;order:-1}.pbc-type-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pbc-header__inner{gap:.6rem}.pbc-unit-toggle{font-size:.73rem;padding:.28rem .55rem}.pbc-card{padding:1.25rem}.pbc-field-row{grid-template-columns:1fr}.pbc-times{display:none}.pbc-advanced-content .pbc-field-row{grid-template-columns:1fr}.pbc-summary-strip{grid-template-columns:1fr;gap:.5rem}.pbc-summary-item{flex-direction:row;justify-content:space-between;text-align:left}.pbc-action-btns{grid-template-columns:1fr}.pbc-btn--pdf{grid-column:1}}@media (max-width:400px){.pbc-type-grid{grid-template-columns:repeat(2,1fr)}}