.ar-controls{margin:0 0 22px}.ar-controls .button{width:100%;height:auto;min-height:46px;white-space:normal;line-height:1.5;padding:11px 14px;font-size:12px}.ar-controls p{font-size:11px;color:#596b60;line-height:1.65;margin:10px 0 0}
.ar-dialog{width:min(820px,calc(100vw - 32px));max-height:92dvh;padding:26px}.ar-dialog h2{font-size:24px;margin:12px 42px 6px 0}.ar-dialog .ar-model-title{font-size:13px;margin:0 0 18px;color:#596b60}.ar-dialog label{display:block;font-size:12px;margin-bottom:8px}.ar-dialog select{width:100%;min-height:44px;border:1px solid #d6e0d5;border-radius:8px;background:white;padding:8px 12px;font:inherit;color:#29372e}.ar-dialog .ar-preview{height:clamp(260px,42dvh,420px);margin-top:16px;background:#f1f4ed;border:1px solid #dce4d8;border-radius:12px;overflow:hidden;position:relative}.ar-preview[aria-busy=true]:empty:after{content:'Подготавливаем модель…';position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#526b5b}.ar-preview model-viewer{width:100%;height:100%;--progress-bar-color:#315e4c;--progress-bar-height:3px}.ar-dialog .ar-size{font-size:13px;color:#315e4c;margin:12px 0 4px;min-height:20px}.ar-dialog .ar-status{font-size:13px;line-height:1.7;margin:6px 0 12px;color:#425b4c;min-height:24px}.ar-dialog .ar-note{font-size:12px;line-height:1.7;color:#596b60;margin:12px 0}.ar-dialog .ar-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ar-actions .button{min-height:44px;height:auto;white-space:normal;padding:12px 18px}.ar-dialog [hidden]{display:none!important}.ar-placement-prompt{display:none;position:absolute;bottom:30px;left:16px;right:16px;padding:14px;background:#fffffff2;border-radius:12px;color:#29372e;font-size:15px;text-align:center;pointer-events:none}model-viewer[ar-status=session-started] .ar-placement-prompt,model-viewer[ar-status=object-placed] .ar-placement-prompt{display:block}
@media(max-width:600px){.ar-dialog{width:calc(100vw - 20px);max-height:94dvh;padding:20px 16px}.ar-dialog h2{font-size:21px}.ar-dialog select{font-size:16px}.ar-dialog .ar-preview{height:32svh;min-height:240px}.ar-actions .button{flex:1}.ar-dialog .ar-status{font-size:12px}}
.ar-adjustments{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:18px 0;border-bottom:1px solid #dce4d8}
.ar-adjustments>label{grid-column:1/-1;margin:0}.ar-adjustments .ar-light-control{grid-column:2;grid-row:2}
.ar-adjustments input,.ar-live-controls input{display:block;width:100%;min-height:44px;margin:0;accent-color:#315e4c}
.ar-opening-value{float:right;font-weight:600;color:#315e4c}.ar-door-buttons{display:flex;gap:10px}.ar-door-buttons .button{flex:1;min-height:44px}
.ar-live-controls{display:none;pointer-events:auto;position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:12px;right:12px;max-width:460px;margin:auto;padding:14px 16px;border-radius:14px;background:#fffffff2;color:#29372e;box-shadow:0 3px 20px #0002}
.ar-live-controls label{display:block;font:500 13px/1.4 sans-serif;margin:0}.ar-live-controls .ar-light-control{margin-top:12px}
.ar-live-controls :focus-visible,.ar-adjustments :focus-visible{outline:2px solid #315e4c;outline-offset:3px}
model-viewer[ar-status=session-started] .ar-live-controls,model-viewer[ar-status=object-placed] .ar-live-controls{display:block}
model-viewer[ar-status=session-started] .ar-placement-prompt,model-viewer[ar-status=object-placed] .ar-placement-prompt{bottom:auto;top:70px;left:12px;right:12px;font-size:13px;padding:10px}
@media(max-width:600px){.ar-adjustments{grid-template-columns:1fr;gap:12px}.ar-adjustments .ar-light-control{grid-column:auto;grid-row:auto}}
