.fabric-intro{padding:38px 0 22px}.fabric-intro h1{font-size:clamp(2rem,4vw,3.4rem);max-width:900px;margin:12px 0}.fabric-intro p{max-width:740px;color:#61716d}.fabric-layout{display:grid;grid-template-columns:minmax(300px,.83fr) minmax(0,1.17fr);gap:24px;align-items:start;padding-bottom:24px}.fabric-form,.fabric-results{border:1px solid #d5ded8;border-radius:22px;background:#fff;overflow:hidden}.fabric-form{padding:26px}.fabric-form h2{font-size:1.3rem;margin:0 0 22px}.fabric-form .fields{gap:18px 12px}.fabric-form .field>small{font-size:11px;font-weight:400;color:#6a7871}.fabric-form input{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.fabric-form select{font-size:14px}.fabric-form .fabric-quantity{grid-column:1/-1}.fabric-input-pair{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px}.fabric-input-pair input{font-size:27px}.fabric-field-unit{position:relative}.fabric-field-unit input{padding-right:65px}.fabric-field-unit span{position:absolute;right:12px;top:14px;font-size:14px;color:#6c7d73}.fabric-form details{padding:17px 0}.fabric-form details[open] .fields{margin-top:18px}.fabric-form summary{font-size:14px}.fabric-form .form-note{font-size:12px;line-height:1.65}.fabric-form .btn{width:100%;margin-top:16px}.fabric-example{font-size:12px;color:#6c7d73;margin:16px 0 0}.fabric-example button{padding:0;background:none;border:0;text-decoration:underline;color:#225b45;font:inherit;cursor:pointer}.fabric-results{background:#f4f7f1}.fabric-scene{background:#e7efde;position:relative;padding:18px 24px 0}.fabric-scene-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#5e7258}.fabric-scene svg{width:100%;height:auto;max-height:210px;display:block}.fabric-scene text{font-family:inherit;letter-spacing:0}.fabric-summary{padding:22px 28px}.fabric-summary h2{font-size:clamp(2.1rem,3.8vw,3.3rem);letter-spacing:-.05em;line-height:1.1;margin:8px 0 20px;font-variant-numeric:tabular-nums}.fabric-summary h2 small{font-size:17px;font-weight:400;letter-spacing:0;margin-left:10px}.fabric-kicker{font-size:11px;color:#61735d;text-transform:uppercase;letter-spacing:.1em}.fabric-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #d3ddce;padding-top:15px}.fabric-metrics small,.fabric-roll small{display:block;font-size:12px;color:#657260}.fabric-metrics strong{font-size:24px;font-weight:600;letter-spacing:-.03em}.fabric-equivalence{padding:14px 0 0;margin:8px 0;color:#5c6f59;font-size:12px;line-height:1.9}.fabric-roll{padding:18px;border:1px solid #d2ddc8;background:#fff;border-radius:13px;margin-top:16px}.fabric-roll h3{font-size:15px;margin:0 0 7px}.fabric-roll strong{font-size:23px;letter-spacing:-.025em}.fabric-roll p{font-size:12px;color:#62765c;line-height:1.7;margin:7px 0}.fabric-roll button{border:0;background:none;padding:0;font:inherit;color:#1a654f;text-decoration:underline;cursor:pointer}.fabric-cost{margin-top:16px;padding-top:16px;border-top:1px solid #d3ddce}.fabric-cost dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.fabric-cost dt{font-size:11px;color:#62765c}.fabric-cost dd{margin:2px 0;font-size:17px;font-weight:600}.fabric-summary .actions{gap:8px;margin-top:20px}.fabric-summary .btn{font-size:12px;padding:10px 13px}.fabric-method{max-width:840px;padding:25px 0 40px}.fabric-method h2{font-size:1.55rem}.fabric-method p{line-height:1.8;color:#5c6b63;font-size:14px}.fabric-advanced{margin-bottom:30px;border:1px solid #d5ded8;border-radius:15px;padding:20px;background:#fff}.fabric-advanced>summary{font-size:15px}.fabric-advanced>.tool-layout{margin-top:24px}.fabric-receipt{font-size:12px;color:#6a7766;margin-top:12px;line-height:1.7}.fabric-results[aria-busy=true] .fabric-summary{opacity:.45}.fabric-error{margin:12px 0 0;color:#ab392a;font-size:13px}.fabric-error:empty{display:none}#fabric-print-inputs{display:none}.fabric-results .status{min-height:0;margin:8px 0 0}.fabric-results .status:empty{display:none}@media(max-width:860px){.fabric-layout{grid-template-columns:1fr}.fabric-form{padding:22px}.fabric-scene svg{max-height:190px}.fabric-intro{padding-top:26px}.fabric-summary{padding:22px}}@media(max-width:420px){.fabric-metrics strong{font-size:20px}.fabric-summary h2{font-size:2.35rem}.fabric-form{padding:18px}.fabric-intro h1{font-size:2.05rem}}@media print{body>header,body>footer,.fabric-form,.fabric-intro,.fabric-advanced,.fabric-method,.fabric-results .actions,#fabric-copy-status{display:none!important}.fabric-layout{display:block}.fabric-results{border:0}.fabric-summary{padding:0}.fabric-scene{background:#fff}.fabric-results #fabric-print-inputs{display:block}.fabric-results{break-inside:avoid}.fabric-roll button{display:none}}