/* Namespaced, responsive viewer. Solid surfaces and no ornamental motion. */
.ib-demo-viewer{--ib-demo-ink:#182b42;--ib-demo-blue:#2444ed;--ib-demo-line:#d7dde6;position:fixed;inset:0;width:calc(100vw - 36px);max-width:1600px;height:calc(100dvh - 36px);max-height:none;margin:auto;padding:0;border:1px solid #8999b1;border-radius:12px;background:#f6f8fb;color:var(--ib-demo-ink);box-shadow:0 20px 70px #07142555;overflow:hidden}
.ib-demo-viewer::backdrop{background:#101e30bc}
.ib-demo-viewer .ib-demo-layout{height:100%;display:flex;flex-direction:column;min-height:0}
.ib-demo-viewer button,.ib-demo-viewer a{font:inherit;touch-action:manipulation}
.ib-demo-viewer button{min-height:44px;min-width:44px;border:1px solid #b2bfd0;border-radius:6px;background:#fff;color:var(--ib-demo-ink);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.3}
.ib-demo-viewer button:disabled{opacity:.42;cursor:default}
.ib-demo-viewer button:focus-visible,.ib-demo-viewer a:focus-visible{outline:3px solid var(--ib-demo-blue);outline-offset:3px}
.ib-demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border-bottom:1px solid var(--ib-demo-line);flex-shrink:0}
.ib-demo-viewer .ib-demo-header h2{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.3px;color:var(--ib-demo-ink)}
.ib-demo-viewer .ib-demo-header p{margin:4px 0 0;font-size:12px;line-height:1.3;color:#52647a}
.ib-demo-controls,.ib-demo-modes,.ib-demo-step-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ib-demo-viewer .ib-demo-close{min-width:44px;min-height:44px;font-size:27px;line-height:1;padding:4px 10px}
.ib-demo-modes button[aria-pressed=true]{background:var(--ib-demo-ink);color:#fff;border-color:var(--ib-demo-ink)}
.ib-demo-guide{display:flex;gap:22px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--ib-demo-line);background:#eaf0ff;flex-shrink:0}
.ib-demo-count{font-size:12px;white-space:nowrap;color:#465b83}
.ib-demo-guide-copy{flex:1;min-width:0}
.ib-demo-viewer .ib-demo-guide h3{font-size:16px;line-height:1.3;letter-spacing:-.2px;margin:0 0 5px;color:var(--ib-demo-ink)}
.ib-demo-viewer .ib-demo-guide p{font-size:13px;line-height:1.5;margin:0;color:#445872;max-width:85ch}
.ib-demo-viewer #ib-demo-next{background:var(--ib-demo-blue);border-color:var(--ib-demo-blue);color:#fff}
.ib-demo-frame-wrap{position:relative;flex:1;min-height:0;background:#fff}
.ib-demo-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.ib-demo-loader{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#f6f8fb;padding:28px;text-align:center}
.ib-demo-viewer .ib-demo-loader p{font-size:16px;max-width:50ch;margin:0}
.ib-demo-loader>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:center}
.ib-demo-viewer .ib-demo-loader a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--ib-demo-blue)}
.ib-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 20px;border-top:1px solid var(--ib-demo-line);flex-shrink:0}
.ib-demo-viewer .ib-demo-footer p{font-size:12px;line-height:1.4;color:#52647a;margin:0}
.ib-demo-viewer .ib-demo-footer button{font-size:12px;padding:6px 10px;white-space:nowrap;min-height:44px}
.ib-demo-viewer .ib-demo-notice{font-size:12px;line-height:1.4;color:#455b76;margin:0;padding:0 20px 8px;flex-shrink:0}
.ib-demo-viewer .ib-demo-notice:empty{display:none}
.ib-demo-viewer [hidden]{display:none!important}
@media(max-width:720px){.ib-demo-viewer{width:100vw;height:100dvh;border-radius:0;border:0}.ib-demo-header{padding:11px 12px;gap:10px;align-items:flex-start}.ib-demo-viewer .ib-demo-header h2{font-size:16px}.ib-demo-controls{gap:6px}.ib-demo-modes{gap:4px}.ib-demo-viewer .ib-demo-modes button{font-size:12px;padding:7px 8px;min-height:44px}.ib-demo-viewer .ib-demo-close{min-width:44px;min-height:44px}.ib-demo-guide{display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding:10px 12px}.ib-demo-count{grid-column:1;font-size:12px}.ib-demo-step-buttons{grid-column:2;grid-row:1}.ib-demo-viewer .ib-demo-step-buttons button{padding:6px 10px;font-size:12px;min-height:44px}.ib-demo-guide-copy{grid-column:1/-1}.ib-demo-viewer .ib-demo-guide h3{font-size:14px;margin-bottom:4px}.ib-demo-viewer .ib-demo-guide p{font-size:12px;line-height:1.4}.ib-demo-footer{padding:7px 12px;gap:10px}.ib-demo-viewer .ib-demo-footer p{font-size:12px}.ib-demo-viewer .ib-demo-notice{font-size:12px;padding:0 12px 7px}}
@media(max-width:360px){.ib-demo-header{flex-wrap:wrap}.ib-demo-header>div:first-child{flex:1;min-width:130px}.ib-demo-controls{margin-left:auto}.ib-demo-viewer .ib-demo-header p{font-size:12px}.ib-demo-viewer .ib-demo-footer button{font-size:12px}.ib-demo-viewer .ib-demo-footer p{font-size:12px}}