#js-tool-container-wallpaper-roll-calculator .wrc-calculator-layout{display:flex;flex-direction:column;gap:24px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-wallpaper-roll-calculator .wrc-form-pane{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:16px}#js-tool-container-wallpaper-roll-calculator .wrc-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#js-tool-container-wallpaper-roll-calculator .wrc-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:768px){#js-tool-container-wallpaper-roll-calculator .wrc-grid-3col,#js-tool-container-wallpaper-roll-calculator .wrc-grid-2col{grid-template-columns:1fr}}#js-tool-container-wallpaper-roll-calculator .wrc-subtext{font-size:0.775rem;color:var(--text-muted);margin-top:4px;display:block}#js-tool-container-wallpaper-roll-calculator .wrc-results-pane{display:flex;flex-direction:column;gap:18px}#js-tool-container-wallpaper-roll-calculator .wrc-results-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width:640px){#js-tool-container-wallpaper-roll-calculator .wrc-results-grid{grid-template-columns:1fr}}#js-tool-container-wallpaper-roll-calculator .wrc-main-result-card{background:var(--bg-primary);border:1px solid var(--border-color);border-left:5px solid var(--accent-primary);border-radius:var(--radius-md);padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}#js-tool-container-wallpaper-roll-calculator .wrc-glue-card{background:var(--bg-primary);border:1px solid var(--border-color);border-left:5px solid var(--success);border-radius:var(--radius-md);padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}#js-tool-container-wallpaper-roll-calculator .wrc-total-val-row{display:flex;align-items:baseline;gap:10px}#js-tool-container-wallpaper-roll-calculator .wrc-highlight-num{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;color:var(--accent-primary);line-height:1;font-variant-numeric:tabular-nums}#js-tool-container-wallpaper-roll-calculator .wrc-glue-num{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;color:var(--success);line-height:1;font-variant-numeric:tabular-nums}#js-tool-container-wallpaper-roll-calculator .wrc-unit-text{font-size:1.1rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-wallpaper-roll-calculator .wrc-progress-wrap{display:flex;flex-direction:column;gap:6px}#js-tool-container-wallpaper-roll-calculator .wrc-progress-bar{width:100%;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;display:flex}#js-tool-container-wallpaper-roll-calculator .wrc-bar-fill-useful{background:var(--accent-primary);height:100%;transition:width 0.3s ease}#js-tool-container-wallpaper-roll-calculator .wrc-bar-fill-waste{background:var(--warning);height:100%;transition:width 0.3s ease}#js-tool-container-wallpaper-roll-calculator .wrc-bar-labels{display:flex;justify-content:space-between;font-size:0.775rem;color:var(--text-secondary);font-weight:600}#js-tool-container-wallpaper-roll-calculator .wrc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}#js-tool-container-wallpaper-roll-calculator .wrc-stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:4px}#js-tool-container-wallpaper-roll-calculator .wrc-stat-val{font-size:1.2rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}