.type-planner .planner-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"canvas canvas" "settings summary"}.planner-shell>.planner-settings{grid-area:settings}.planner-shell>.planner-summary{grid-area:summary}.planner-shell>.planner-canvas-panel{grid-area:canvas}.mr3d-preview{max-width:none;margin:0;padding:0;color:var(--text,#111827)}.mr3d-details{margin:0}.mr3d{background:var(--surface,#fff);color:var(--text,#111827);font-family:var(--body,Inter),Arial,sans-serif;font-synthesis:none}.mr3d *{box-sizing:border-box}.mr3d button,.mr3d input,.mr3d select{font:inherit}.mr3d button{cursor:pointer}.mr3d button:disabled{opacity:.5;cursor:not-allowed}.mr3d .mr3d-main{max-width:none;margin:0;padding:16px}.mr3d .workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.mr3d .stage{min-width:0;position:relative;background:var(--soft,#e5e9f7);border:1px solid var(--border,#c4ceee);border-radius:12px;overflow:hidden;height:570px}.mr3d #mr3d-viewport{position:absolute;top:0;right:0;bottom:74px;left:0}.mr3d #mr3d-viewport canvas{display:block;width:100%;height:100%}.mr3d .viewtools{position:absolute;inset-block-start:16px;inset-inline-start:16px;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 32px)}.mr3d .viewtools button{color:var(--text,#111827);background:var(--surface,#fff);border:1px solid var(--border,#c4ceee);border-radius:9px;padding:9px 12px;font-size:11px;font-weight:600;line-height:1.35;box-shadow:0 2px 8px #101a3514}.mr3d .viewtools button:hover{background:var(--panel,#f2f4fb)}.mr3d .viewtools button[aria-pressed=true]{background:var(--accent,#244ac0);border-color:var(--accent,#244ac0);color:var(--accentText,#fff)}.mr3d .viewer-footer{position:absolute;inset-inline:0;bottom:0;min-height:74px;padding:11px 16px;color:var(--muted,#53606c);background:var(--surface,#fff);display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:11px;line-height:1.45;border-top:1px solid var(--border,#c4ceee)}.mr3d .viewer-footer #mr3d-status{color:var(--text,#111827);font-size:12px;font-weight:650}.mr3d aside{min-width:0;background:var(--surface,#fff);color:var(--text,#111827);border:1px solid var(--border,#c4ceee);border-radius:16px;padding:24px}.mr3d .eyebrow{font-family:var(--body,Inter),Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent,#244ac0);font-weight:700;margin-bottom:12px}.mr3d h2,.mr3d h3{font-family:var(--heading,Manrope),Arial,sans-serif;color:var(--text,#111827)}.mr3d h2{font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}.mr3d h3{font-size:16px;margin:0 0 15px}.mr3d p{color:var(--muted,#53606c);font-size:12px;margin:7px 0;line-height:1.6}.mr3d .hint{font-size:11px;line-height:1.55;color:var(--muted,#53606c)}.mr3d label{font-size:12px;font-weight:650;display:block;margin:16px 0 7px;color:var(--text,#111827)}.mr3d input[type=number],.mr3d select{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border,#c4ceee);border-radius:10px;background:var(--surface,#fff);color:var(--text,#111827);font-size:13px}.mr3d .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mr3d .counter{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.mr3d .counter button{border:1px solid var(--border,#c4ceee);border-radius:10px;background:var(--panel,#f2f4fb);font-size:18px;color:var(--text,#111827)}.mr3d .counter button:hover{background:var(--soft,#e5e9f7)}.mr3d .counter input{text-align:center}.mr3d .primary,.mr3d .quiet{width:100%;border-radius:10px;padding:13px 16px;font-size:13px;font-weight:700}.mr3d .primary{border:1px solid var(--accent,#244ac0);background:var(--accent,#244ac0);color:var(--accentText,#fff);margin-top:16px}.mr3d .primary:hover{filter:brightness(.96)}.mr3d .quiet{border:1px solid var(--border,#c4ceee);background:var(--surface,#fff);color:var(--text,#111827)}.mr3d .feedback{font-size:12px;line-height:1.5;margin:12px 0;color:var(--text,#111827)}.mr3d .feedback.error,.mr3d [data-mr3d-brief-warning]:not(:empty){background:var(--panel,#f2f4fb);color:var(--text,#111827);border:1px solid var(--border,#c4ceee);padding:12px;border-radius:10px}.mr3d .fallback-banner{position:absolute;top:70px;inset-inline:16px;padding:12px 14px;background:var(--surface,#fff);color:var(--text,#111827);border:1px solid var(--border,#c4ceee);border-radius:10px;font-size:12px;line-height:1.5;margin:0}.mr3d .mr3d-actions{display:flex;gap:12px;align-items:center;padding:14px 0}.mr3d .mr3d-actions a,.mr3d .mr3d-actions button{font-size:13px;padding:10px 14px;border-radius:10px;border:1px solid var(--border,#c4ceee);background:var(--surface,#fff);color:var(--accent,#244ac0)}.mr3d .mr3d-actions button[hidden]{display:none}.mr3d .design-reference{margin:20px 0;padding:16px 20px;background:var(--surface,#fff);border:1px solid var(--border,#c4ceee);border-radius:12px;font-size:13px}.mr3d .design-reference summary{cursor:pointer;font-weight:650}.mr3d .design-reference img{display:block;max-width:100%;max-height:720px;width:auto;height:auto;margin:15px auto;border-radius:8px}.mr3d button:focus-visible,.mr3d input:focus-visible,.mr3d select:focus-visible,.mr3d #mr3d-viewport:focus-visible{outline:3px solid var(--accent,#244ac0);outline-offset:3px}.mr3d #mr3d-viewport:focus-visible{outline-offset:-3px}.mr3d-preview:lang(ar) .mr3d .stage{direction:ltr}.mr3d-preview:lang(ar) .mr3d aside{direction:rtl}.mr3d-preview:lang(ar) .mr3d .viewtools{direction:rtl;inset-inline-start:auto;inset-inline-end:16px}.mr-room-facts{padding:22px;text-align:start;color:var(--ink,#14213b)}@media(max-width:1000px){.mr3d .workspace{grid-template-columns:1fr}.mr3d .stage{height:510px}}@media(max-width:800px){.type-planner .planner-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas" "settings" "summary"}.mr3d .mr3d-main{padding:12px}}@media(max-width:600px){.mr3d .mr3d-main{padding:10px}.mr3d .stage{height:440px}.mr3d aside{padding:20px}.mr3d .viewtools{inset-block-start:10px;inset-inline-start:10px;max-width:calc(100% - 20px);gap:5px}.mr3d .viewtools button{padding:8px 9px;font-size:10px}.mr3d .viewer-footer{min-height:90px}.mr3d #mr3d-viewport{inset-block-end:90px}.mr3d .fallback-banner{top:100px}.mr3d-preview:lang(ar) .mr3d .viewtools{inset-inline-end:10px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mr3d-viewer.css.map */