.designer{background:#fbfaf7;border-bottom:1px solid #e6e1d8}.design-tag{border:1px solid #d8ccb3;color:#9b7d43;padding:9px 17px;font-size:11px}.design-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:start}.design-view{position:sticky;top:24px;background:#f0ede6;border:1px solid #e3ddd1;padding:24px}.view-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.view-tabs{display:flex;background:#e5e0d6;padding:4px}.view-tabs button{font:inherit;border:0;background:transparent;padding:7px 16px;cursor:pointer;color:#726e64}.view-tabs button.active{background:white;color:#202631;box-shadow:0 2px 7px #0001}#sink-preview{width:100%;height:auto;display:block;margin-top:18px}.design-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-top:1px solid #d8d1c4;padding-top:14px}.design-caption strong{font-weight:600;font-size:12px}.preview-note{font-size:10px;color:#777;line-height:1.9}.design-summary{font-size:11px;color:#665c49;line-height:2;background:#ffffff70;padding:12px}.design-controls{background:white;padding:26px;border:1px solid #e5e0d6}.control-heading{display:flex;align-items:center;gap:10px;margin:22px 0 14px}.control-heading:first-child{margin-top:0}.control-heading>span{color:#ad8e50;font-size:11px}.control-heading h3{font-size:14px;margin:0;font-weight:600}.reset-design{margin-right:auto;border:0;background:none;font:inherit;color:#8c7a58;font-size:10px;cursor:pointer}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.design-controls label{display:block;font-size:11px;color:#655f55}.number-unit{display:flex;align-items:center;border:1px solid #ded9ce;margin-top:7px;padding-left:10px}.number-unit input{width:100%;border:0;min-width:0;padding:10px;background:transparent;font:inherit;font-size:15px;color:#202631}.number-unit span{font-size:10px}.dimensions small{display:block;color:#969186;font-size:9px;margin-top:5px}.design-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.design-controls select,.design-controls textarea{display:block;width:100%;margin-top:7px;border:1px solid #ded9ce;background:#fff;padding:11px 8px;font:inherit;color:#202631;border-radius:0}.swatches{border:0;padding:0;margin:19px 0 0;display:flex;justify-content:space-between;gap:8px}.swatches legend{font-size:11px;margin-bottom:10px;color:#655f55}.swatches label{cursor:pointer;text-align:center;position:relative;flex:1}.swatches input{position:absolute;opacity:0;width:100%;height:100%;right:0;margin:0;cursor:pointer}.swatches span{display:block;height:34px;border:3px solid white;outline:1px solid #ddd;background:linear-gradient(143deg,transparent 35%,#aaa4 36%,transparent 40%,transparent 68%,#9995 70%,transparent 73%),var(--swatch);pointer-events:none}.swatches input:checked+span{outline:2px solid #b89858}.swatches input:focus-visible+span{outline:3px solid #202631}.swatches small{display:block;font-size:9px;margin-top:8px}.design-controls .shelf-option{display:flex;align-items:center;gap:8px;margin:18px 0;cursor:pointer}.shelf-option input{accent-color:#a98a4b;width:16px;height:16px}.notes-label textarea{resize:vertical}.quote-button{width:100%;border:0;font-family:inherit;cursor:pointer}.quote-note{font-size:9px;color:#8b857a;line-height:1.8;margin-bottom:10px}.design-error{font-size:11px;color:#aa3f30;margin:12px 0}.download-design{font:inherit;font-size:10px;border:0;background:none;color:#806b43;cursor:pointer;text-decoration:underline}.design-controls :focus-visible{outline:2px solid #b89858;outline-offset:3px}.design-controls select:disabled{opacity:.5}@media(max-width:900px){.design-layout{gap:20px;grid-template-columns:1fr 1fr}.design-controls{padding:18px}.design-view{padding:16px}.dimensions{gap:7px}}@media(max-width:640px){.design-layout{grid-template-columns:1fr}.design-view{position:static;padding:16px}.design-tag{display:none}.designer .section-head h2{font-size:25px}.design-controls{padding:20px}.view-heading{font-size:11px}#sink-preview{max-height:290px;margin:0}.design-fields{gap:12px}.design-caption strong{font-size:11px}.preview-note{font-size:9px}.design-summary{font-size:10px}}