.km-demo-viewer{inset:0;padding:0;margin:auto;width:min(1600px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;border:1px solid #355c77;border-radius:18px;background:#071524;color:#f3f7ff;box-shadow:0 30px 100px #0008;overflow:hidden;font:13px Arial,sans-serif}.km-demo-viewer[open]{display:flex;flex-direction:column}.km-demo-viewer::backdrop{background:#010812d9;backdrop-filter:blur(10px)}.km-viewer-header{display:flex;align-items:center;gap:20px;padding:12px 18px;min-height:64px;background:#071524;color:#f3f7ff;flex-shrink:0;border-bottom:1px solid #2d4a60}.km-viewer-header>strong{font-size:13px;flex:1;line-height:1.25}.km-viewer-close{font-size:22px;display:flex;align-items:center;gap:10px;background:#23415a;color:white;border:1px solid #80bde4;border-radius:8px;padding:7px 13px;min-height:40px;cursor:pointer}.km-viewer-close span{font:700 12px Arial}.km-viewer-devices{display:flex;gap:4px}.km-viewer-devices button{padding:8px 11px;font:11px Arial;border:1px solid #37526a;border-radius:5px;background:transparent;color:#bcd2e5;cursor:pointer}.km-viewer-devices button[aria-pressed=true]{background:#215978;color:#fff;border-color:#75caff}.km-viewer-order{padding:11px 15px;border-radius:7px;background:#148adc;color:#fff;font-size:11px;font-weight:700;text-decoration:none}.km-viewer-canvas{position:relative;flex:1;min-height:0;display:flex;justify-content:center;background:#26343e;overflow:hidden}.km-viewer-canvas iframe{display:block;width:100%;height:100%;border:0;background:#fff}.km-demo-viewer.is-phone .km-viewer-canvas iframe{width:390px;max-width:100%}.km-viewer-loading{position:absolute;inset:20px auto auto;background:#071524;color:#fff;padding:12px 20px;border-radius:7px;z-index:1;font-size:12px}.km-viewer-loading[hidden]{display:none}.km-viewer-footer{display:flex;align-items:center;gap:13px;padding:9px 18px;border-top:1px solid #2d4a60;flex-shrink:0}.km-viewer-footer button{background:transparent;color:#daeafa;border:1px solid #41617a;border-radius:5px;min-width:36px;min-height:32px;cursor:pointer;font:12px Arial}.km-viewer-footer button:disabled{opacity:.3;cursor:default}.km-viewer-footer [data-vall]{margin-left:auto;padding:6px 15px}.km-viewer-position{font-size:11px}.km-demo-viewer button:focus-visible,.km-demo-viewer a:focus-visible{outline:3px solid #80d6ff;outline-offset:2px}.km-carousel-controls{display:none}
@media(max-width:700px){.km-demo-viewer{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.km-viewer-header{padding:9px 10px;gap:9px;min-height:61px;flex-wrap:wrap}.km-viewer-close{padding:6px 10px;gap:7px}.km-viewer-close span{font-size:10px}.km-viewer-header>strong{font-size:10px;min-width:65px}.km-viewer-order{font-size:9px;padding:10px}.km-viewer-devices{display:none}.km-viewer-footer{padding:7px 12px}.km-demo-viewer.is-phone .km-viewer-canvas iframe{width:100%}.km-showcase-grid.km-carousel,.km-showcase-grid-apps.km-carousel,.portfolio-grid.km-carousel{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px 0 15px;margin-bottom:0;align-items:stretch}.km-carousel::-webkit-scrollbar{display:none}.km-carousel>*{scroll-snap-align:start;min-width:0}.km-carousel-controls{display:flex;align-items:center;gap:10px;color:inherit;margin:8px 0 30px}.km-carousel-controls small{font-size:11px;opacity:.8;margin-right:auto}.km-carousel-controls button{width:38px;height:36px;background:transparent;color:inherit;border:1px solid #70879a80;border-radius:50%;font-size:17px;cursor:pointer}.km-carousel-controls button:disabled{opacity:.25;cursor:default}.km-carousel-controls span{font:11px Arial;white-space:nowrap}.km-live-copy{padding:20px}.km-live-copy h4{font-size:23px}.km-live-copy p{font-size:13px}.km-live-copy .km-live-actions{gap:12px}.km-live-actions a{font-size:12px}.km-live-actions .km-preview-cta{padding:11px 14px}}
@media(max-width:370px){.km-viewer-header>strong{display:none}.km-viewer-order{margin-left:auto}.km-showcase-grid.km-carousel,.portfolio-grid.km-carousel{grid-auto-columns:91%}}