body[data-screen="beam-accents"] .product-layout{display:none}
.beam-config .beam-layout-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;margin:10px 0}.beam-config .beam-layout-picker legend{padding:0;margin-bottom:12px;font:22px Georgia,serif}.beam-layout-picker label{display:flex;gap:10px;align-items:center;padding:15px 12px;border:1px solid #c6bfac;background:#fffcf3;cursor:pointer;margin:0;font-size:14px}.beam-layout-picker label:has(input:checked){background:#e4e9dc;border-color:#233e31;box-shadow:inset 0 0 0 1px #233e31}.beam-layout-picker input[type=radio]{width:17px;height:17px;flex:none;margin:0;accent-color:#233e31}.beam-layout-picker small{display:block;font-size:11px;line-height:1.5;color:#65705d;margin-top:4px}.beam-layout-help{font-size:12px;line-height:1.6;color:#65705d;margin:10px 0 25px}.beam-ar-card #beamARSelected{font-weight:600;color:#233e31}.beam-ar-card #beamChangeLayout{margin:0 0 10px}.beam-ar-guide #beamGuideChangeLayout{margin:8px 0}
@media(max-width:800px){.beam-config .beam-layout-picker{grid-template-columns:1fr 1fr}.beam-layout-picker label{padding:12px 9px;font-size:13px}.beam-layout-picker small{font-size:10px}}
.beam-config{margin:20px 0 45px}.beam-config-head{margin-bottom:28px}.beam-config-head h2{font:42px/1.1 Georgia,serif;color:#233e31;margin:12px 0}.beam-config-head p{max-width:75ch;color:#65705d;font-size:14px;line-height:1.7}.beam-config .config{align-items:start;gap:clamp(25px,5vw,70px)}.beam-visual{min-width:0;position:sticky;top:20px}.beam-visual>model-viewer{width:100%;height:460px;background:radial-gradient(ellipse at 50% 45%,#fffdf6,#e5dece);border:1px solid #d2c6af;border-radius:4px}.beam-visual [role=status]{font-size:12px;color:#58614f;line-height:1.6}.beam-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.beam-dimensions label{min-width:0}.beam-dimensions input{width:100%;box-sizing:border-box}.beam-config fieldset{border:1px solid #c9c3b2;padding:15px;margin:25px 0}.beam-config legend{padding:0 7px;font:20px Georgia,serif}.beam-config #beamBreakdown{display:block;font-size:12px;line-height:1.7;color:#58614f}.beam-config #beamBreakdown p{display:block;margin:5px 0}.beam-config .estimate{display:block}.beam-config .estimate strong{display:block;font:34px Georgia,serif;margin:14px 0}.beam-count{display:flex;gap:10px;align-items:end;margin-bottom:15px}.beam-count label{flex:1;min-width:70px;margin:0}.beam-count input{width:100%;box-sizing:border-box}.beam-count button{margin:0;min-height:45px;white-space:nowrap}.beam-count .secondary:disabled{opacity:.4;cursor:default}.beam-ar-card{background:#eae7da;border:1px solid #cbc6b7;padding:20px;margin-top:25px;position:relative}.beam-ar-card h3{font:25px Georgia,serif;margin:0 0 10px}.beam-ar-card p{font-size:13px;line-height:1.7}.beam-ar-card .button{width:100%;margin:10px 0}.beam-ar-card .button:disabled{opacity:.65;cursor:default}.beam-ar-model{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.beam-config [hidden]{display:none!important}
@media(max-width:800px){.beam-config .config{grid-template-columns:1fr}.beam-visual{position:static}.beam-visual>model-viewer{height:350px}.beam-config-head h2{font-size:32px}.beam-count{gap:7px}.beam-count button{padding:10px}}
.beam-config #beamLayout{margin-bottom:15px}.beam-config #beamFineTune{margin:14px 0;border-top:1px solid #c9c3b2;padding-top:14px}.beam-config #beamFineTune summary{cursor:pointer;font-size:14px;color:#233e31}.beam-position-row{padding:12px 0;border-bottom:1px solid #d6cebc;display:grid;grid-template-columns:1fr 1fr;gap:10px}.beam-position-row strong{grid-column:1/-1;font:18px Georgia,serif}.beam-position-row label{font-size:12px;margin:0}.beam-position-row label:first-of-type{grid-column:1/-1}.beam-position-row input,.beam-position-row select{width:100%;box-sizing:border-box}.beam-config #beamLayoutError:not(:empty){color:#8b3d26;background:#f4e5d8;padding:10px}.beam-config #beamPitchFields{margin-top:12px}
@media(max-width:800px){.beam-config .config{gap:12px}.beam-visual{display:contents}.beam-visual>model-viewer{order:0}.beam-visual>#beamStatus{order:1;margin:0}.beam-visual>.caption{order:2;margin:0 0 12px}.beam-config #beamForm{order:3}.beam-ar-card{order:4;margin-top:8px}}
.beam-dimensions select{width:100%;align-self:end;min-height:45px}.beam-ar-guide{width:min(92vw,480px);padding:28px;border:1px solid #c9bea7;background:#f6f1e7;color:#233e31;border-radius:8px;box-shadow:0 20px 90px #0005}.beam-ar-guide::backdrop{background:#171b16a8}.beam-ar-guide h2{font:32px/1.15 Georgia,serif;margin:16px 0}.beam-ar-guide p{font-size:15px;line-height:1.7}.beam-ar-guide .button{margin-top:12px;width:100%}.beam-guide-close{float:right;margin:0 0 18px 15px}.beam-ar-guide .eyebrow{display:block;margin-top:12px;font-size:10px}.beam-ar-overlay{display:none}.beam-ar-model[ar-status="session-started"],.beam-ar-model[ar-status="object-placed"]{position:fixed;inset:0;width:100%;height:100%;opacity:1;background:transparent;z-index:100;pointer-events:none}.beam-ar-model[ar-status="session-started"] .beam-ar-overlay,.beam-ar-model[ar-status="object-placed"] .beam-ar-overlay{display:block;position:absolute;left:50%;bottom:22%;transform:translateX(-50%);width:min(90%,390px);padding:16px 20px;background:#f6f1e7ed;color:#233e31;border:1px solid #c9bea7;border-radius:8px;text-align:center;font:21px Georgia,serif}