.interface-viewer{box-sizing:border-box;width:min(780px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dde1da;border-radius:22px;background:#f7f6f1;color:#253b45;box-shadow:0 30px 100px #07182266;overflow:hidden}.interface-viewer::backdrop{background:#0a1e31c9;backdrop-filter:blur(6px)}.iv-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px 18px}.iv-count{font-size:11px;letter-spacing:.07em;color:#8a795f}.iv-header h2{font-size:22px;line-height:1.4;margin:6px 0 0;color:#253b45}.interface-viewer button{font:inherit;cursor:pointer;border:1px solid #d5ddd7;border-radius:10px;background:#fff;color:#36544f;min-height:44px;padding:9px 16px;font-size:13px}.interface-viewer .iv-close{font-size:27px;width:44px;padding:0;flex-shrink:0;line-height:1}.iv-pane{max-height:55dvh;overflow:auto;overscroll-behavior:contain;background:#e8e9e2;padding:22px;scrollbar-gutter:stable;min-height:160px}.iv-image{display:block;width:min(100%,510px);max-width:none;height:auto;margin:0 auto}.iv-pane.is-zoomed .iv-image{width:880px;margin:0}.iv-description{margin:0;padding:16px 26px 0;font-size:13px;line-height:1.8;color:#687a80}.iv-controls{display:flex;justify-content:space-between;gap:12px;padding:16px 26px 22px}.interface-viewer button:disabled{opacity:.38;cursor:default}.interface-viewer button:focus-visible{outline:2px solid #96754d;outline-offset:3px}.interface-viewer .iv-zoom[aria-pressed=true]{background:#36544f;color:#fff;border-color:#36544f}@media(max-width:640px){.interface-viewer{border-radius:16px;max-height:calc(100dvh - 20px)}.iv-header{padding:15px 16px 12px}.iv-header h2{font-size:18px}.iv-pane{padding:14px;max-height:53dvh}.iv-description{padding:12px 16px 0;font-size:12px}.iv-controls{padding:13px 16px 16px;gap:6px}.interface-viewer button{font-size:11px;padding:8px 10px}.iv-pane.is-zoomed .iv-image{width:660px}}@media(prefers-reduced-motion:reduce){.interface-viewer{scroll-behavior:auto}}
.interface-viewer[open]{display:flex;flex-direction:column}.iv-header,.iv-controls{flex-shrink:0}.iv-pane{flex:1 1 auto;min-height:100px}.iv-description{flex-shrink:0;max-height:16dvh;overflow:auto}
.float-contact{pointer-events:none}.float-contact .fc-btn,.float-contact .fc-panel.open,.float-contact .fc-qr.open{pointer-events:auto}