.gravel-hero-photo{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001f 17%,#000000ad 40%,#000 62%);mask-image:linear-gradient(90deg,#0000 0%,#0000001f 17%,#000000ad 40%,#000 62%)}.gravel-hero-photo:after{content:"";background:linear-gradient(90deg,#eae7de 0%,#eae7de47 30%,#0000 54%);position:absolute;inset:0}.unit-button.is-active,.shape-button.is-active{color:#f5f3ed;background:#16191c;border-color:#16191c}.shape-button.is-active small{color:#f5a200;opacity:1}.label{text-transform:uppercase;letter-spacing:.04em;color:#2a2f33;margin-bottom:6px;font:500 10px IBM Plex Mono,monospace;display:block}.input-wrap{background:#eae7de80;border:1px solid #16191c4d;border-radius:12px;align-items:center;min-height:48px;padding:0 14px;display:flex}.input-wrap input{background:0 0;outline:0;width:100%;min-width:0;padding:12px 0;font-family:IBM Plex Mono,monospace}.input-wrap input::placeholder{color:#2a2f3373}.input-wrap .length-unit,.input-wrap .area-unit,.input-wrap .depth-unit,.input-wrap .density-unit{color:#2a2f33;flex:none;font:10px IBM Plex Mono,monospace}select{background-color:#eae7de80;border:1px solid #16191c4d;border-radius:12px;width:100%;min-height:48px;padding:12px 14px;font-size:14px}.layer-row{gap:12px;display:grid}@media (width>=640px){.layer-row{grid-template-columns:74px minmax(0,1fr) minmax(0,1fr);align-items:end}}.row-index{text-transform:uppercase;letter-spacing:.04em;color:#2a2f33;align-self:end;padding-bottom:15px;font:500 10px IBM Plex Mono,monospace}@media (width<=639px){.row-index{align-self:start;padding-bottom:0}}.coverage-table{border-collapse:collapse;width:100%;font:13px IBM Plex Mono,monospace}.coverage-table th,.coverage-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #16191c24;padding:10px 14px}.coverage-table th:first-child,.coverage-table td:first-child{text-align:left}.coverage-table thead th{text-transform:uppercase;letter-spacing:.04em;color:#2a2f33;font-size:10px;font-weight:600}.shape-diagram{min-height:285px}.shape-diagram svg{width:100%;height:100%;max-height:300px;display:block}.shape-face{fill:#f5a20033;stroke:#16191c;stroke-width:2px}.shape-face.rear{fill:#16191c14}.shape-line{fill:none;stroke:#16191c;stroke-width:2px;stroke-linejoin:round}.dimension-line{fill:none;stroke:#b87700;stroke-width:1.5px}.shape-diagram text{fill:#2a2f33;font:11px IBM Plex Mono,monospace}.model-preview{background:#d8d7d2;min-height:520px;position:relative}.model-preview canvas{cursor:grab;touch-action:none;width:100%;height:100%;min-height:520px;display:block}.model-preview canvas:active{cursor:grabbing}.model-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#16191ce0;border:1px solid #f5f3ed24;border-radius:14px;grid-template-columns:minmax(0,1fr);align-content:start;width:244px;display:grid;position:absolute;top:54px;left:12px;overflow:hidden}.preview-hint{color:#f5f3edd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#16191cc7;border:1px solid #f5f3ed2e;padding:6px 9px;font:10px IBM Plex Mono,monospace;position:absolute;top:12px;right:12px}.model-note{color:#16191c;pointer-events:none;background:#f5a200e6;border:1px solid #b8770073;padding:6px 9px;font:600 10px IBM Plex Mono,monospace;position:absolute;top:12px;left:12px}@media (width<=639px){.gravel-hero-photo{opacity:.22;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.gravel-hero-photo:after{background:linear-gradient(90deg,#eae7de 2%,#eae7de66 80%)}.shape-diagram{min-height:230px}.model-preview,.model-preview canvas{min-height:560px}.stats-head{grid-column:1/-1}.model-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:auto;inset:auto 12px 12px}}