:root{--wpc-primary:var(--main-primary);--wpc-primary-light:#6366f114;--wpc-text:#1e293b;--wpc-text-secondary:#475569;--wpc-text-muted:#64748b;--wpc-bg:#fff;--wpc-bg-secondary:#f8fafc;--wpc-border:#e2e8f0;--wpc-border-input:#cbd5e1;--wpc-radius:var(--main-radius);--wpc-radius-lg:var(--main-radius-lg);--wpc-shadow:0 1px 3px #0000000f;--wpc-shadow-md:0 4px 12px #00000014;--wpc-success:#059669;--wpc-success-bg:#05966914;--wpc-warning:#d97706;--wpc-warning-bg:#d9770614}._wpc-container{max-width:900px;margin:0 auto}._wpc-top-bar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}._wpc-unit-toggle{background:var(--wpc-bg);border-radius:var(--wpc-radius);border-style:solid;border-width:1px;border-color:var(--wpc-border);box-shadow:var(--wpc-shadow);padding:3px;display:inline-flex}._wpc-unit-btn{color:var(--wpc-text-secondary);border-radius:calc(var(--wpc-radius) - 2px);cursor:pointer;background:0 0;border-width:0;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}._wpc-unit-btn:hover{color:var(--wpc-text)}._wpc-unit-btn--active{background:var(--wpc-primary);color:#fff;box-shadow:0 1px 3px #6366f14d}._wpc-unit-btn--active:hover{color:#fff}._wpc-reset-btn{background:var(--wpc-bg);border-style:solid;border-width:1px;border-color:var(--wpc-border);border-radius:var(--wpc-radius);color:var(--wpc-text-secondary);cursor:pointer;box-shadow:var(--wpc-shadow);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:color .15s;display:inline-flex}._wpc-reset-btn svg{width:14px;height:14px;display:flex}._wpc-reset-btn:hover{color:var(--wpc-text)}._wpc-card{background:var(--wpc-bg);border-radius:var(--wpc-radius-lg);border-style:solid;border-width:1px;border-color:var(--wpc-border);box-shadow:var(--wpc-shadow);margin-bottom:1rem}._wpc-card-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wpc-border);color:var(--wpc-text);align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}._wpc-card-header svg{width:16px;height:16px;color:var(--wpc-primary);display:flex}._wpc-card-body{padding:1.25rem}._wpc-badge{border-radius:var(--main-radius-full,9999px);background:var(--wpc-primary-light);min-width:1.375rem;height:1.375rem;color:var(--wpc-primary);justify-content:center;align-items:center;margin-left:auto;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}@media (max-width:768px){._wpc-container{padding-left:1rem;padding-right:1rem}._wpc-card-body{padding:1rem}._wpc-card-header{padding:.875rem 1rem}}@media (max-width:640px){._wpc-top-bar{flex-wrap:wrap;gap:.5rem}._wpc-unit-toggle{flex:1}._wpc-unit-btn{flex:1;justify-content:center;min-height:40px;padding:.5rem .75rem}._wpc-reset-btn{min-height:40px;padding:.5rem .875rem}}._wpc-input-row{gap:1rem;display:grid}._wpc-input-row--3col{grid-template-columns:repeat(3,1fr)}._wpc-input-row--2col{grid-template-columns:repeat(2,1fr)}._wpc-field{flex-direction:column;gap:.375rem;display:flex}._wpc-label{color:var(--wpc-text-secondary);font-size:.8125rem;font-weight:500}._wpc-label--sm{font-size:.75rem}._wpc-input-wrap{align-items:center;display:flex;position:relative}._wpc-input-wrap--sm{max-width:160px}._wpc-input{background:var(--wpc-bg);border-style:solid;border-width:1.5px;border-color:var(--wpc-border-input);border-radius:var(--wpc-radius);width:100%;color:var(--wpc-text);outline:none;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;font-weight:500;transition:border-color .15s,box-shadow .15s}._wpc-input:focus{border-color:var(--wpc-primary);box-shadow:0 0 0 3px #6366f11a}._wpc-input--no-unit{padding-right:.75rem}._wpc-input::placeholder{color:var(--wpc-border-input)}._wpc-input-unit{color:var(--wpc-text-muted);pointer-events:none;font-size:.75rem;font-weight:500;position:absolute;right:.75rem}._wpc-hint{color:var(--wpc-text-muted);margin-top:.25rem;font-size:.75rem;display:block}@media (max-width:640px){._wpc-input{padding:.625rem 2.5rem .625rem .75rem;font-size:16px}._wpc-input--no-unit{padding-right:.75rem}._wpc-input-wrap--sm{max-width:none}}@media (max-width:480px){._wpc-input-row--3col{grid-template-columns:1fr 1fr}._wpc-input-row--3col>._wpc-field:first-child{grid-column:1/-1}}@media (max-width:360px){._wpc-input-row--3col{grid-template-columns:1fr}._wpc-input-row--3col>._wpc-field:first-child{grid-column:auto}._wpc-input-row--2col{grid-template-columns:1fr}}._wpc-config-group{margin-bottom:1.25rem}._wpc-config-group:last-child{margin-bottom:0}._wpc-config-group>._wpc-label{margin-bottom:.5rem;display:block}._wpc-roll-presets{flex-wrap:wrap;gap:.5rem;display:flex}._wpc-roll-btn{background:var(--wpc-bg);border-style:solid;border-width:1.5px;border-color:var(--wpc-border);border-radius:var(--wpc-radius);color:var(--wpc-text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,color .15s;display:flex}._wpc-roll-btn small{color:var(--wpc-text-muted);font-size:.6875rem;font-weight:400}._wpc-roll-btn:hover{border-color:var(--wpc-primary);color:var(--wpc-text)}._wpc-roll-btn--active{border-color:var(--wpc-primary);background:var(--wpc-primary-light);color:var(--wpc-primary)}._wpc-roll-btn--active small{color:var(--wpc-primary);opacity:.7}._wpc-custom-roll{margin-top:.75rem}._wpc-match-options{gap:.5rem;display:flex}._wpc-match-btn{background:var(--wpc-bg);border-style:solid;border-width:1.5px;border-color:var(--wpc-border);border-radius:var(--wpc-radius);color:var(--wpc-text-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,color .15s;display:flex}._wpc-match-btn:hover{border-color:var(--wpc-primary);color:var(--wpc-text)}._wpc-match-btn--active{border-color:var(--wpc-primary);background:var(--wpc-primary-light);color:var(--wpc-primary)}._wpc-match-icon{border-radius:2px;width:20px;height:16px;display:flex;position:relative;overflow:hidden}._wpc-match-icon--none{background:var(--wpc-border)}._wpc-match-icon--straight{background:repeating-linear-gradient(0deg, var(--wpc-primary) 0px, var(--wpc-primary) 4px, var(--wpc-primary-light) 4px, var(--wpc-primary-light) 8px);opacity:.7}._wpc-match-btn--active ._wpc-match-icon--straight{opacity:1}._wpc-match-icon--halfdrop{background:repeating-linear-gradient(0deg, var(--wpc-primary) 0px, var(--wpc-primary) 4px, var(--wpc-primary-light) 4px, var(--wpc-primary-light) 8px);opacity:.7}._wpc-match-btn--active ._wpc-match-icon--halfdrop{opacity:1}._wpc-repeat-group{background:var(--wpc-bg-secondary);border-radius:var(--wpc-radius);border-style:dashed;border-width:1px;border-color:var(--wpc-border);padding:.75rem}._wpc-waste-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}._wpc-waste-value{color:var(--wpc-primary);font-size:.8125rem;font-weight:600}._wpc-range{background:var(--wpc-border);-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._wpc-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--wpc-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #6366f14d}._wpc-range::-moz-range-thumb{background:var(--wpc-primary);cursor:pointer;border-width:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #6366f14d}._wpc-range-labels{color:var(--wpc-text-muted);justify-content:space-between;margin-top:.25rem;font-size:.6875rem;display:flex}@media (max-width:640px){._wpc-roll-presets{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}._wpc-roll-btn{justify-content:center;min-height:52px;padding:.625rem .5rem}._wpc-match-options{flex-wrap:wrap;gap:.375rem}._wpc-match-btn{flex:1;justify-content:center;min-width:0;min-height:44px;padding:.5rem .625rem}._wpc-range{height:8px}._wpc-range::-webkit-slider-thumb{width:24px;height:24px}._wpc-range::-moz-range-thumb{width:24px;height:24px}}._wpc-presets{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}._wpc-preset-btn{background:var(--wpc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--wpc-border);border-radius:var(--wpc-radius);color:var(--wpc-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}._wpc-preset-btn svg{width:14px;height:14px;display:flex}._wpc-preset-btn:hover{border-color:var(--wpc-primary);color:var(--wpc-primary)}._wpc-openings-list{flex-direction:column;gap:.5rem;min-height:0;display:flex}._wpc-opening-item{background:var(--wpc-bg-secondary);border-radius:var(--wpc-radius);border-style:solid;border-width:1px;border-color:var(--wpc-border);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}._wpc-opening-type{color:var(--wpc-text);white-space:nowrap;min-width:80px;font-size:.75rem;font-weight:600}._wpc-opening-dims{flex:1;align-items:center;gap:.375rem;display:flex}._wpc-opening-input{border-style:solid;border-width:1px;border-color:var(--wpc-border-input);border-radius:calc(var(--wpc-radius) - 2px);width:60px;color:var(--wpc-text);background:var(--wpc-bg);text-align:center;outline:none;padding:.25rem .375rem;font-size:.75rem;font-weight:500}._wpc-opening-input:focus{border-color:var(--wpc-primary);box-shadow:0 0 0 2px #6366f11a}._wpc-opening-dim-text{color:var(--wpc-text-muted);font-size:.75rem}._wpc-opening-x{color:var(--wpc-text-muted);font-size:.6875rem}._wpc-opening-qty{align-items:center;gap:.25rem;margin-left:auto;display:flex}._wpc-qty-btn{border-style:solid;border-width:1px;border-color:var(--wpc-border);border-radius:calc(var(--wpc-radius) - 2px);background:var(--wpc-bg);width:22px;height:22px;color:var(--wpc-text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:0;transition:color .15s;display:flex}._wpc-qty-btn svg{width:10px;height:10px;display:flex}._wpc-qty-btn:hover{color:var(--wpc-text)}._wpc-qty-value{color:var(--wpc-text);text-align:center;min-width:16px;font-size:.75rem;font-weight:600}._wpc-opening-remove{width:22px;height:22px;color:var(--wpc-text-muted);cursor:pointer;border-radius:calc(var(--wpc-radius) - 2px);background:0 0;border-width:0;justify-content:center;align-items:center;transition:color .15s;display:flex}._wpc-opening-remove svg{width:12px;height:12px;display:flex}._wpc-opening-remove:hover{color:#ef4444}._wpc-add-custom{border-style:dashed;border-width:1px;border-color:var(--wpc-border);border-radius:var(--wpc-radius);color:var(--wpc-text-muted);cursor:pointer;background:0 0;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}._wpc-add-custom svg{width:12px;height:12px;display:flex}._wpc-add-custom:hover{color:var(--wpc-primary);border-color:var(--wpc-primary)}@media (max-width:640px){._wpc-presets{gap:.375rem}._wpc-preset-btn{flex:calc(50% - .375rem);justify-content:center;min-width:0;min-height:40px;padding:.5rem .625rem;font-size:.8125rem}._wpc-add-custom{justify-content:center;width:100%;min-height:40px;padding:.5rem .75rem;font-size:.8125rem}._wpc-opening-item{flex-wrap:wrap;gap:.625rem;padding:.625rem .75rem}._wpc-opening-type{flex:auto;min-width:auto;font-size:.8125rem}._wpc-opening-dims{flex:100%;order:3}._wpc-opening-input{width:64px;min-height:36px;padding:.375rem .5rem;font-size:16px}._wpc-opening-qty{gap:.375rem;margin-left:auto}._wpc-qty-btn{width:32px;height:32px}._wpc-qty-btn svg{width:12px;height:12px}._wpc-qty-value{min-width:22px;font-size:.875rem}._wpc-opening-remove{width:32px;height:32px}._wpc-opening-remove svg{width:14px;height:14px}}._wpc-room-bar{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}._wpc-room-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex:1;gap:.375rem;display:flex;overflow:auto hidden}._wpc-room-tab{scroll-snap-align:start}._wpc-room-tabs::-webkit-scrollbar{display:none}._wpc-room-tab{background:var(--wpc-bg);border-style:solid;border-width:1px;border-color:var(--wpc-border);border-radius:var(--wpc-radius);color:var(--wpc-text-secondary);cursor:pointer;white-space:nowrap;box-shadow:var(--wpc-shadow);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}._wpc-room-tab:hover{color:var(--wpc-text)}._wpc-room-tab--active{border-color:var(--wpc-primary);background:var(--wpc-primary-light);color:var(--wpc-primary);font-weight:600}._wpc-room-tab-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.5;background:0 0;border-width:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}._wpc-room-tab-close svg{width:10px;height:10px;display:flex}._wpc-room-tab-close:hover{opacity:1}._wpc-room-add{border-style:dashed;border-width:1px;border-color:var(--wpc-border);border-radius:var(--wpc-radius);width:30px;height:30px;color:var(--wpc-text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}._wpc-room-add svg{width:12px;height:12px;display:flex}._wpc-room-add:hover{color:var(--wpc-primary);border-color:var(--wpc-primary)}@media (max-width:640px){._wpc-room-tab{min-height:36px;padding:.5rem .75rem;font-size:.8125rem}._wpc-room-tab-close{width:20px;height:20px}._wpc-room-tab-close svg{width:12px;height:12px}._wpc-room-add{width:36px;height:36px}._wpc-room-add svg{width:14px;height:14px}}._wpc-result{background:var(--wpc-bg);border-radius:var(--wpc-radius-lg);border-style:solid;border-width:1px;border-color:var(--wpc-border);box-shadow:var(--wpc-shadow-md);overflow:hidden}._wpc-result-main{text-align:center;background:linear-gradient(135deg,#6366f10a,#6366f114);padding:1.5rem}._wpc-result-rolls{flex-direction:column;align-items:center;gap:.25rem;display:flex}._wpc-result-number{color:var(--wpc-primary);font-size:3rem;font-weight:700;line-height:1;font-family:var(--main-font-mono)}._wpc-result-label{color:var(--wpc-text-secondary);font-size:.875rem;font-weight:500}._wpc-result-details{padding:1.25rem}._wpc-detail-row{justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}._wpc-detail-label{color:var(--wpc-text-muted);font-size:.8125rem}._wpc-detail-value{color:var(--wpc-text);font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono)}._wpc-detail-value--primary{color:var(--wpc-primary)}._wpc-detail-divider{background:var(--wpc-border);height:1px;margin:.5rem 0}._wpc-cost{border-top-style:solid;border-top-width:1px;border-top-color:var(--wpc-border)}._wpc-cost-header{color:var(--wpc-text);cursor:pointer;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}._wpc-cost-header svg{width:16px;height:16px;color:var(--wpc-warning);display:flex}._wpc-collapse-btn{width:24px;height:24px;color:var(--wpc-text-muted);cursor:pointer;border-radius:var(--wpc-radius);background:0 0;border-width:0;justify-content:center;align-items:center;margin-left:auto;transition:color .15s;display:flex}._wpc-collapse-btn svg{width:14px;height:14px;transition:transform .2s;display:flex}._wpc-collapse-btn--open svg{transform:rotate(180deg)}._wpc-collapse-btn:hover{color:var(--wpc-text)}._wpc-cost-body{padding:0 1.25rem 1.25rem}._wpc-cost-body._wpc-cost-body--hidden{display:none}._wpc-cost-total{background:var(--wpc-success-bg);border-radius:var(--wpc-radius);justify-content:space-between;align-items:center;margin-top:.75rem;padding:.75rem;display:flex}._wpc-cost-label{color:var(--wpc-text-secondary);font-size:.8125rem;font-weight:500}._wpc-cost-value{color:var(--wpc-success);font-size:1.125rem;font-weight:700;font-family:var(--main-font-mono)}._wpc-summary{border-top-style:solid;border-top-width:1px;border-top-color:var(--wpc-border)}._wpc-summary-header{color:var(--wpc-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wpc-border);padding:.875rem 1.25rem;font-size:.875rem;font-weight:600}._wpc-summary-body{padding:.75rem 1.25rem}._wpc-summary-row{justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8125rem;display:flex}._wpc-summary-room{color:var(--wpc-text-secondary)}._wpc-summary-rolls{color:var(--wpc-text);font-weight:600;font-family:var(--main-font-mono)}._wpc-summary-total{background:var(--wpc-primary-light);color:var(--wpc-primary);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}@media (max-width:768px){._wpc-result-number{font-size:2.5rem}}@media (max-width:640px){._wpc-result-main{padding:1.25rem 1rem}._wpc-result-details{padding:1rem}._wpc-cost-header{padding:.875rem 1rem}._wpc-cost-body{padding:0 1rem 1rem}._wpc-collapse-btn{width:36px;height:36px}._wpc-summary-header,._wpc-summary-total,._wpc-summary-body{padding-left:1rem;padding-right:1rem}._wpc-detail-row{padding:.5rem 0}}