@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root{--panel-outer:#d1aa7e;--panel-upright:#aa7953;--panel-shelf:#bd916b}
.piece-name{display:inline-flex;align-items:center;gap:5px}.piece-name .swatch:last-of-type{margin-right:3px}
.swatch{display:inline-block;width:10px;height:10px;flex:none;border-radius:2px;background:#888}.swatch-outer{background:var(--panel-outer)}.swatch-upright{background:var(--panel-upright)}.swatch-shelf{background:var(--panel-shelf)}
@media print{.swatch{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

:root{font-family:'DM Sans',sans-serif;color:#25312c;background:#f5f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{max-width:1440px;margin:auto;padding:0 48px}.page-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd4}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.12em;font-size:13px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:#304338;color:#f2f3ea;font-size:24px;line-height:1}.brand-separator{color:#aab1a5;font-weight:400}.header-meta,.page-footer,.eyebrow,.section-kicker,.field-group-title,.preview-label,.table-kicker,thead,.case-count,.result-footer,.print-button{font-family:'DM Mono',monospace;letter-spacing:.09em}.header-meta{font-size:10px;color:#778379}.meta-dot{color:#ba7549;margin:0 15px}.intro{display:flex;justify-content:space-between;align-items:end;padding:62px 0 55px}.eyebrow{font-size:11px;color:#a26742;display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow-line{width:28px;border-top:1px solid #a26742}h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(46px,5vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:0;color:#283a2f}h1 em{font-weight:500;color:#aa7652}.intro-copy{max-width:450px;color:#7b837c;font-size:15px;line-height:1.6;margin:25px 0 0}.intro-index{font-family:'DM Mono',monospace;color:#2e4839;font-size:12px;margin-bottom:5px}.intro-index span{color:#abb4a8;margin:0 9px}.workspace{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(480px,1.15fr);gap:22px;align-items:stretch}.panel{background:#fff;border:1px solid #e4e7df;box-shadow:0 9px 30px #30433808}.controls{padding:30px 36px 28px}.result{padding:30px 36px 0;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:start;gap:17px;padding-bottom:29px;border-bottom:1px solid #e9ebe6}.step{width:36px;height:36px;display:grid;place-items:center;background:#e9eee8;color:#405747;font-family:'DM Mono',monospace;font-size:12px;flex:none}.section-kicker{font-size:10px;color:#9a7056;margin:0 0 4px}h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:29px;letter-spacing:-.035em;line-height:1.15;margin:0}.field-group-title{display:flex;justify-content:space-between;color:#728078;font-size:10px;padding:28px 0 17px}.field-group-title span{color:#aab3a9}.configuration-title{padding-top:30px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.field{display:block;font-size:12px;font-weight:600;color:#35453b}.field>span{display:block;margin-bottom:9px}.input-wrap{height:48px;display:flex;align-items:center;border:1px solid #dfe5dc;background:#fbfcfa;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#749782;box-shadow:0 0 0 3px #74978222}.input-wrap input{min-width:0;width:100%;height:100%;border:0;background:transparent;padding:0 13px;color:#283d30;font:600 17px 'DM Sans',sans-serif;outline:0;appearance:textfield}.input-wrap input::-webkit-inner-spin-button,.input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrap span{font:11px 'DM Mono',monospace;color:#a2aca3;padding-right:13px;white-space:nowrap}.calculate-button{border:0;background:#2f4838;color:#fff;width:100%;padding:17px 19px;display:flex;justify-content:space-between;align-items:center;font:600 13px 'DM Sans',sans-serif;cursor:pointer;margin-top:35px;transition:background .15s}.calculate-button:hover{background:#40644c}.calculate-button span:last-child{font-size:20px;font-weight:400;line-height:12px}.form-note{font-size:11px;line-height:1.55;color:#929b92;margin:17px 0 0}.form-error{font-size:12px;color:#a84234;background:#fff1ec;padding:10px 12px;margin:18px 0 -17px}.result-heading{align-items:start}.print-button{margin-left:auto;background:none;border:1px solid #d9e0d7;color:#506853;padding:10px 12px;font-size:10px;cursor:pointer}.print-button:hover{background:#eef3ed}.print-button span{margin-left:6px}.preview-area{background:#f8f9f6;border:1px solid #e8ece5;min-height:278px;margin-top:23px;padding:17px 20px 13px;display:flex;flex-direction:column;align-items:center}.preview-label{font-size:9px;color:#909d92;align-self:stretch}.preview-label span{margin:0 5px}.furniture-preview{display:grid;gap:6px;border:8px solid #506e59;background:#506e59;width:min(100%,360px);max-height:190px;min-height:60px;margin:auto auto 10px;box-shadow:8px 8px 0 #dce4d9}.preview-cell{background:#f8f9f6;display:flex;align-items:center;justify-content:center;color:#a7b5a6;font:10px 'DM Mono',monospace;min-width:0;min-height:0}.preview-size{font:10px 'DM Mono',monospace;color:#8b9a8c;margin-top:auto}.table-head{display:flex;justify-content:space-between;align-items:end;padding:25px 0 17px}.table-kicker{color:#a27658;font-size:10px}h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:23px;letter-spacing:-.03em;margin:5px 0 0}.case-count{font-size:10px;color:#687d6c;background:#edf3eb;padding:7px 9px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{font-size:9px;color:#96a198;background:#f7f9f6}th{font-weight:400;padding:12px 11px}td{font-size:12px;padding:14px 11px;border-bottom:1px solid #edf0ea;color:#4a594e}td:first-child{font-weight:600;color:#344c3b}.quantity-col{text-align:right;white-space:nowrap}td.quantity-col{font:600 13px 'DM Mono',monospace;color:#314a39}.result-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0ea;color:#9da69d;font-size:9px;padding:16px 0;margin-top:auto}.result-footer span:last-child{white-space:nowrap;color:#59705c}.page-footer{display:flex;justify-content:space-between;border-top:1px solid #d9ddd4;color:#a3aca1;font-size:9px;padding:26px 0;margin-top:72px}@media(max-width:950px){.page{padding:0 24px}.workspace{grid-template-columns:1fr}.result{min-height:590px}.intro{padding:48px 0}.intro-index{display:none}}@media(max-width:560px){.page{padding:0 16px}.page-header{height:67px}.header-meta{display:none}.intro{padding:42px 0 36px}.intro-copy{font-size:14px}.controls,.result{padding:24px 19px}.result{padding-bottom:0}.field-grid{gap:16px 10px}.field{font-size:11px}.input-wrap input{font-size:15px;padding:0 9px}.input-wrap span{padding-right:8px}.print-button span{display:none}.preview-area{padding:15px 12px;min-height:240px}.result-footer{font-size:8px}.page-footer{margin-top:48px}.page-footer span:last-child{display:none}}@media print{body{background:#fff}.page{max-width:none;padding:0}.page-header,.intro,.controls,.print-button,.page-footer{display:none}.workspace{display:block}.result{border:0;box-shadow:none;padding:0;min-height:0}.preview-area{min-height:250px}.result-footer{margin-top:24px}thead{print-color-adjust:exact}.preview-cell,.furniture-preview{print-color-adjust:exact}}