.designerShell{width:min(1500px,calc(100% - 24px));margin:18px auto;display:grid;grid-template-columns:420px 1fr;gap:18px}.control{max-height:calc(100vh - 102px);overflow:auto;padding:0}.controlIntro{padding:24px 24px 18px;background:linear-gradient(145deg,#f7fafb,#eef4f7);border-bottom:1px solid #dfe7eb}.controlIntro h1{font-size:28px;margin:3px 0}.controlIntro p{font-size:13px;color:#667983;margin:0}.step{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:22px 22px;border-bottom:1px solid #e6ecef}.stepNo{width:30px;height:30px;border-radius:9px;background:#0c5f94;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.step h2{font-size:18px;margin:2px 0 12px}.preview{min-width:0;position:sticky;top:90px;height:max-content}.previewHead{display:flex;justify-content:space-between;align-items:start;gap:12px}.preview h2{margin:4px 0 12px;font-size:25px}.typeGrid{display:grid;grid-template-columns:1fr;gap:7px}.choice,.tool{border:1px solid #d5dfe4;background:#fff;border-radius:10px;padding:11px 9px;font-weight:700;cursor:pointer}.choice{text-align:left}.choice.active,.tool.active{background:#e8f3fa;border-color:#0f679f;color:#0a5689;box-shadow:inset 3px 0 #0f679f}.toolRow{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.accessPill{background:#ffffff18;border:1px solid #ffffff2b;padding:7px 11px;border-radius:999px;font-size:12px}.micro{font-size:11px;color:#788991;line-height:1.55;margin:5px 0 10px}.rangeValue{float:right;color:#0d6095;font-weight:800}#canvasWrap{background-color:#fbfdfe;background-image:linear-gradient(#e8eff2 1px,transparent 1px),linear-gradient(90deg,#e8eff2 1px,transparent 1px);background-size:22px 22px;border:1px solid #d8e2e7;border-radius:16px;overflow:hidden;touch-action:none}#drawing{display:block;width:100%;height:min(67vh,760px);min-height:560px;user-select:none;-webkit-user-select:none}.customLine{cursor:grab}.drawingMeta{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.drawingMeta span{font-size:10px;background:#edf3f6;color:#5b6d77;padding:5px 8px;border-radius:999px}.actionGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.actionGrid .btn{width:100%}
@media(max-width:980px){.designerShell{grid-template-columns:1fr;margin:10px auto}.preview{position:relative;top:auto;order:1}.control{max-height:none;order:2}.controlIntro{padding:18px}.step{padding:18px 16px}.typeGrid{grid-template-columns:repeat(3,1fr)}#drawing{height:54vh;min-height:430px}.top{position:relative}}
@media(max-width:560px){.designerShell{width:calc(100% - 12px);gap:10px}.panel{padding:14px}.preview{padding:12px}.control{padding:0}.typeGrid{grid-template-columns:1fr}.step{grid-template-columns:30px 1fr;gap:7px}.stepNo{width:26px;height:26px}.two{grid-template-columns:1fr}.previewHead{align-items:center}.previewHead .badge{font-size:9px}.preview h2{font-size:20px}#drawing{height:410px;min-height:410px}.drawingMeta{display:none}.summary>div{padding:9px}.summary b{font-size:12px}.actionGrid{grid-template-columns:1fr}.controlIntro h1{font-size:23px}}

.fixedSpec{border:1px solid #d7e0e5;border-radius:12px;padding:10px 12px;background:#f7fafb;display:flex;flex-direction:column;gap:2px}.fixedSpec small{color:#6b7b84}.fixedSpec b{color:#173a4b}.fixedSpec span{font-size:11px;color:#73828a}.specStrip{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.specStrip span{font-size:11px;border:1px solid #dbe4e8;background:#f8fbfc;border-radius:999px;padding:6px 9px;color:#536873}.specStrip b{color:#173a4b}

/* V8 finishing */
.lineAccess{margin-top:9px;text-align:center}.accessHint{font-size:11px;color:#758791;text-align:center;margin:9px 4px 0}.continueLine{margin-top:12px;border:1px solid #cfe4d6;background:#f2faf5;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:#174f31}.continueLine b{font-size:12px}.continueLine span{font-size:11px;color:#557366;text-align:right}@media(max-width:560px){.continueLine{align-items:flex-start;flex-direction:column}.continueLine span{text-align:left}}

/* V11: ลูกฟักเป็นคุณสมบัติของพื้นที่กระจกเท่านั้น */
.glassOnlyBox{margin:10px 0;padding:12px;border:1px solid #cfe0e8;background:#f4f9fb;border-radius:12px}.glassOnlyTitle{font-size:12px;font-weight:800;color:#174e6b;margin-bottom:8px}#mouldBox[style*="none"]{display:none!important}