.solid-tool{max-width:68rem;margin:1.5rem auto 0}.solid-card{border:1px solid var(--color-base-300);border-top:.35rem solid var(--color-primary);border-radius:var(--radius-box);background:var(--color-base-100);min-width:0;box-shadow:0 .6rem 1.8rem color-mix(in oklab,var(--color-base-content) 7%,transparent);padding:clamp(1rem,3vw,1.6rem)}.solid-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.solid-heading>div{min-width:0}.solid-heading h2,.solid-results h2{margin:0;font-size:1.4rem;font-weight:800}.solid-heading>div p{margin:.4rem 0 0;line-height:1.65}.solid-private{color:color-mix(in oklab,var(--color-base-content) 70%,transparent);text-align:end;white-space:nowrap;flex:none;margin:0;font-size:.75rem;line-height:1.5}.solid-fields{grid-template-columns:repeat(2,minmax(0,1.25fr)) minmax(8rem,.65fr) minmax(5.5rem,.4fr);align-items:start;gap:1rem 12px;margin-top:1.25rem;display:grid}.solid-field{flex-direction:column;gap:8px;min-width:0;font-size:.875rem;font-weight:650;display:flex}.solid-field>span:first-child{min-height:1.5rem;font-weight:800;line-height:1.5}.solid-input-row{grid-template-columns:minmax(0,1fr) minmax(4.75rem,.42fr);gap:12px;display:grid}.solid-input-row input,.solid-input-row select,.solid-output-unit select{box-sizing:border-box;border-radius:var(--radius-field);width:100%;height:44px;min-height:44px;font-size:1rem}.solid-input-row input[aria-invalid=true]{border-color:var(--color-error);outline-color:var(--color-error)}.solid-field-error{color:var(--color-error);overflow-wrap:anywhere;margin:0;font-size:.85rem;font-weight:650;line-height:1.5}.solid-clear-field .btn{border-radius:var(--radius-field);width:100%;height:44px;min-height:44px;padding-inline:.85rem}.solid-live-diagram{border-radius:var(--radius-box);background:var(--color-base-200);grid-template-rows:1fr auto auto;max-width:44rem;margin:1.25rem auto 0;padding:.75rem;display:grid}.solid-live-diagram svg{width:100%;min-height:14rem;max-height:15rem;display:block}.solid-shape{fill:color-mix(in oklab,var(--color-primary) 16%,var(--color-base-100));stroke:var(--color-base-content);stroke-width:2px;vector-effect:non-scaling-stroke}.solid-measure{stroke:var(--color-primary);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.solid-hidden{fill:none;stroke:var(--color-base-content);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.solid-inline-label rect{fill:color-mix(in oklab,var(--color-base-100) 94%,transparent);stroke:color-mix(in oklab,var(--color-base-content) 18%,transparent);stroke-width:1px}.solid-inline-label text{fill:var(--color-base-content);text-anchor:middle;font-size:12px;font-weight:750}.solid-live-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.25rem 0 .65rem;display:grid}.solid-live-dimensions span{box-sizing:border-box;background:var(--color-base-100);text-align:center;overflow-wrap:anywhere;border-radius:.45rem;justify-content:center;align-items:center;gap:.35rem;min-width:0;min-height:3rem;padding:.7rem .85rem;font-size:1rem;line-height:1.4;display:flex}.solid-live-dimensions b{font-weight:750}.solid-live-diagram figcaption{text-align:center;font-size:.8rem;line-height:1.45}.solid-actions{grid-template-columns:minmax(12rem,28rem);justify-content:center;gap:12px;margin-top:1.25rem;display:grid}.solid-actions .btn{border-radius:var(--radius-field);width:100%;height:48px;min-height:48px;padding:.8rem 1rem;font-size:1rem;line-height:1.25rem}.solid-results{border-top:1px solid var(--color-base-300);margin-top:1.5rem;padding-top:1.5rem}.solid-result-heading{grid-template-columns:minmax(0,1fr) minmax(10rem,14rem);align-items:center;gap:12px;display:grid}.solid-result-heading .btn{border-radius:var(--radius-field);width:100%;height:44px;min-height:44px;padding-inline:16px;font-size:1rem}.solid-note{margin:.4rem 0 0;font-size:.875rem;line-height:1.6}.solid-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1rem 0 0;display:grid}.solid-summary div{border:1px solid color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300));border-radius:var(--radius-box);background:color-mix(in oklab,var(--color-primary) 14%,var(--color-base-100));min-width:0;padding:1rem}.solid-summary dt{overflow-wrap:anywhere;min-height:2.8rem;font-size:.9rem;font-weight:700;line-height:1.45}.solid-summary dd{overflow-wrap:anywhere;margin:.45rem 0 0;font-size:1.15rem;font-weight:850;line-height:1.35}.solid-summary dd span{font-size:.9rem;font-weight:600}.solid-guide{border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 0;padding-top:1.5rem}.solid-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:650;line-height:1.35}.solid-guide>h2:first-child{margin-top:0}.solid-guide h3{margin:1.25rem 0 .5rem;font-size:1.125rem;font-weight:650;line-height:1.5}.solid-guide p,.solid-guide li{font-size:1rem;line-height:1.75}.solid-guide p{margin:.5rem 0 0}.solid-guide ol,.solid-guide ul{margin:.75rem 0 0;padding-inline-start:1.4rem}.solid-guide li+li{margin-top:.5rem}.solid-guide section+section{margin-top:2rem}.solid-example{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:8px;padding:1rem}.solid-example+.solid-example{margin-top:.75rem}.solid-example h3,.solid-example p{margin-top:0}@media (width<=54rem){.solid-fields,.solid-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){.solid-heading{flex-wrap:wrap}.solid-private{white-space:normal;text-align:end;max-width:100%}.solid-fields,.solid-summary,.solid-live-dimensions,.solid-result-heading{grid-template-columns:1fr}.solid-clear-field>span{display:none}.solid-result-heading .btn{margin-top:.25rem}.solid-guide{margin-top:2.5rem}}@media (width<=25rem){.solid-input-row{grid-template-columns:minmax(0,1fr) 4.5rem}}.solid-field>.input,.solid-field>.select{box-sizing:border-box;border-radius:var(--radius-field);width:100%;height:44px;min-height:44px;font-size:1rem}.solid-field small{overflow-wrap:anywhere;min-height:2.6rem;line-height:1.4}.solid-live-dimensions{grid-template-columns:repeat(3,minmax(0,1fr))}.solid-live-dimensions-two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=40rem){.solid-live-dimensions,.solid-live-dimensions-two{grid-template-columns:1fr}.solid-field small{min-height:0}}.solid-clear-field .btn,.solid-actions .btn,.solid-result-heading .btn{white-space:normal;height:48px;min-height:48px;font-size:1.1rem;line-height:1.25}.solid-results h2{font-size:1.5rem}.solid-summary dt{font-size:1rem}.solid-summary dd{font-size:1.4rem}.solid-clear-field .btn,.solid-actions .btn,.solid-result-heading .btn{height:48px!important;min-height:48px!important;font-size:1.1rem!important;line-height:1.25!important}.solid-summary dd [data-value]{font-size:2.25rem;line-height:1.15}.solid-summary dd [data-unit]{font-size:1.125rem;line-height:1.2}@media (width<=40rem){.solid-summary dd [data-value]{font-size:2rem}}