.designer-page{background:#f4f3ee}.designer-page header{height:90px;position:relative}.designer-page .brand img{height:70px;width:150px}.designer-page main{max-width:1560px;margin:auto;padding:40px 40px 50px}.designer-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.designer-heading .eyebrow{margin-bottom:12px}.designer-heading h1{font-size:62px;margin:0}.designer-heading>p{font-size:13px;color:#676b66;margin:0}.design-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.controls{background:#fff;border:1px solid #e1e2da;padding:24px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.control-heading h2{font-family:'DM Sans',sans-serif;font-size:19px;letter-spacing:-.5px;line-height:1;margin:0}.quiet{border:0;background:none;text-decoration:underline;color:#757771;font-size:10px;padding:6px 0}.controls fieldset{border:0;margin:0;padding:0;min-width:0}.controls legend{font-size:13px;font-weight:700;width:100%;padding:0;margin-bottom:10px}.controls legend>span{font-size:10px;color:#bd2932;margin-right:12px}.field-help{font-size:10px;line-height:1.6;color:#777c74;margin-bottom:20px}.dimension{display:grid;grid-template-columns:1fr 80px;align-items:center;margin-bottom:16px;gap:8px}.dimension label{font-size:12px;font-weight:600}.dimension label>span{font-weight:400;font-size:10px;display:block;color:#7c8077;margin-top:3px}.number-wrap{display:flex;align-items:center;border:1px solid #d7dad2;background:#fafbf8;padding:7px 8px;gap:5px}.number-wrap:focus-within{outline:2px solid var(--red)}.number-wrap input{width:100%;min-width:0;border:0;background:transparent;font:600 14px 'DM Sans',sans-serif;outline:none;padding:0;appearance:textfield;-moz-appearance:textfield}.number-wrap input::-webkit-inner-spin-button{appearance:none}.number-wrap>span{font-size:10px;color:#83867f}.dimension input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--red);cursor:pointer;margin:5px 0 0;height:16px}.pitch-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}.pitch-control label{font-size:12px;font-weight:600}.pitch-control select{max-width:185px;padding:9px;border:1px solid #d7dad2;background:#fafbf8;font:11px 'DM Sans',sans-serif}.controls .finishes{border-top:1px solid #e1e3da;padding-top:22px;margin-top:20px}.finishes legend{float:left;margin-bottom:18px}.palette{clear:both;margin-bottom:20px}.palette-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px;font-weight:600}.palette-title output{font-weight:400;color:#72796e;font-size:10px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.swatch{height:30px;border:1px solid #0002;position:relative;border-radius:2px}.swatch[aria-pressed=true]{outline:2px solid #252c29;outline-offset:2px}.swatch[aria-pressed=true]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 3px #000,0 0 2px #000;font-size:17px}.preview-column{position:sticky;top:20px;min-width:0}.viewer{position:relative;background:radial-gradient(ellipse at 50% 30%,#f4f5f1,#e0e5da);border:1px solid #d7ddd0;overflow:hidden}.viewer-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;z-index:1;font-size:9px;color:#737a6f;letter-spacing:.3px}.live-dot{color:#384c37;font-size:9px;font-weight:700;letter-spacing:1.2px}.live-dot::before{content:'';display:inline-block;width:6px;height:6px;background:#769466;border-radius:50%;margin-right:8px}#building-canvas{display:block;width:100%;height:470px;touch-action:none;cursor:grab}#building-canvas:active{cursor:grabbing}.view-controls{position:absolute;bottom:47px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px}.view-controls>div{display:flex;background:#fffffff2;border:1px solid #d3d9cd;border-radius:3px;padding:3px;gap:3px}.view-controls button{border:0;background:transparent;font-size:11px;min-width:34px;height:30px;padding:0 10px;border-radius:2px}.view-controls button[aria-pressed=true]{background:#252c29;color:white}.view-controls button:hover{background:#e2e6dc}.view-controls button[aria-pressed=true]:hover{background:#3c463d}.viewer-hint{position:absolute;bottom:12px;margin:0;text-align:center;left:10px;right:10px;font-size:9px;color:#747d6e;pointer-events:none}.viewer-hint span{padding:0 8px}.design-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e1e2da;border-top:0;padding:23px 28px}.design-summary>div{border-right:1px solid #e5e6e1;padding:0 20px}.design-summary>div:first-child{padding-left:0}.design-summary>div:last-child{border-right:0}.design-summary span{display:block;font-size:8px;font-weight:600;letter-spacing:1.2px;color:#82887c;margin-bottom:9px}.design-summary strong{font-size:25px;font-weight:500;white-space:nowrap}.design-summary small{font-size:12px}.save-panel{padding:28px 0 0}.save-panel h2{font-family:'DM Sans',sans-serif;font-size:19px;letter-spacing:-.4px;line-height:1.4;margin-bottom:5px}.save-panel p{font-size:12px;color:#757b70;margin-bottom:20px}.save-actions{display:flex;flex-wrap:wrap;gap:10px}.outline-button{background:white;border:1px solid #cdd2c7;padding:14px;font-size:11px;font-weight:600}.outline-button:hover{background:#e7eadf}.save-actions .button{font-size:11px;padding:15px 18px;justify-content:center}.save-panel #save-status{margin:12px 0 0;font-size:11px;color:#3d5739;min-height:16px}.concept-note{font-size:10px;color:#7d8276;line-height:1.6;border-top:1px solid #d8dcd2;padding-top:15px;margin-top:18px}.designer-page footer{border-top:1px solid #d8dcd2;max-width:none;padding-left:40px;padding-right:40px}#share-fallback{width:100%;padding:10px;margin-top:10px;border:1px solid #cdd2c7}button:disabled{opacity:.45;cursor:default}@media(min-width:1500px){#building-canvas{height:540px}}@media(max-width:1050px){.designer-page main{padding:30px 24px}.design-layout{grid-template-columns:290px minmax(0,1fr);gap:16px}.controls{padding:20px}.design-summary{padding:20px 15px}.design-summary>div{padding:0 12px}.design-summary strong{font-size:20px}.viewer-top{left:15px;right:15px}.viewer-top>span:last-child{display:none}.viewer-hint span{padding:0 3px}.designer-heading h1{font-size:54px}}@media(max-width:760px){.designer-page main{padding:26px 16px}.designer-heading{align-items:start;margin-bottom:23px}.designer-heading h1{font-size:44px}.designer-heading>p{display:none}.design-layout{display:flex;flex-direction:column;gap:20px}.preview-column{position:static;width:100%;display:contents}.viewer{order:0;width:100%}.design-summary{order:1;width:100%;margin-top:-20px}.controls{order:2;width:100%}.save-panel{order:3;padding-top:0;width:100%}.concept-note{order:4;margin-top:0}.designer-page .designer-nav{display:flex;position:static;flex-direction:row;padding:0;box-shadow:none;gap:14px;align-items:center}.designer-nav a:first-child{font-size:10px;padding:0}.designer-nav .nav-cta{display:none}.designer-page header{height:80px}.designer-page .brand img{width:130px;height:62px}#building-canvas{height:340px}.viewer-top{top:15px}.view-controls{bottom:43px;left:13px;right:13px}.viewer-hint{font-size:8px;bottom:12px}.design-summary strong{font-size:22px}.design-summary span{font-size:7px;letter-spacing:.5px}.controls{padding:25px}.swatches{grid-template-columns:repeat(6,1fr)}.swatch{height:36px}.designer-page footer{padding-left:20px;padding-right:20px}.save-actions .button{width:100%}.save-actions .outline-button{flex:1}.dimension{grid-template-columns:1fr 85px}.dimension input[type=range]{height:22px}.palette-title{font-size:13px}.palette-title output{font-size:12px}.field-help{font-size:11px}}