.live-demo-shell-module__qpN96q__root{background:var(--art-echo-shell);color:var(--art-echo-r12);font-family:var(--font-sans);z-index:100;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.live-demo-shell-module__qpN96q__bar{align-items:center;gap:var(--spacing-scale-16);padding:var(--spacing-scale-12) var(--spacing-scale-20);border-bottom:1px solid var(--art-echo-hairline-1);background:var(--art-echo-shell-bar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;display:flex}.live-demo-shell-module__qpN96q__back{align-items:center;gap:var(--spacing-scale-8);color:var(--art-echo-r12);font-size:var(--art-echo-fs-md);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.live-demo-shell-module__qpN96q__back:hover{color:var(--art-echo-brand-fg)}.live-demo-shell-module__qpN96q__screens{gap:var(--spacing-scale-4);flex-wrap:wrap;flex:1;min-width:0;display:flex}.live-demo-shell-module__qpN96q__screenButton{appearance:none;color:var(--art-echo-r10);font:inherit;font-size:var(--art-echo-fs-xs);padding:var(--art-echo-space-btn-y) var(--spacing-scale-12);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;transition:color .15s,background-color .15s}.live-demo-shell-module__qpN96q__screenButton:hover{color:var(--art-echo-r12);background:var(--art-echo-hover)}.live-demo-shell-module__qpN96q__screenButton[data-active]{color:var(--art-echo-r12);background:var(--art-echo-r5);border-color:var(--art-echo-hairline-2)}.live-demo-shell-module__qpN96q__screenButton:focus-visible{outline:2px solid var(--art-echo-brand);outline-offset:2px}.live-demo-shell-module__qpN96q__disclaimer{font-size:var(--art-echo-fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--art-echo-dim-2);white-space:nowrap}.live-demo-shell-module__qpN96q__stage{padding:var(--spacing-scale-20);place-items:center;min-height:0;display:grid;overflow:hidden}.live-demo-shell-module__qpN96q__frame{transform-origin:50%;border:1px solid var(--art-echo-hairline-1);background:var(--art-echo-r0);box-shadow:var(--art-echo-frame-shadow);width:var(--live-shell-w);height:var(--live-shell-h);transform:scale(var(--live-shell-scale));border-radius:14px;flex:none;overflow:hidden}.live-demo-shell-module__qpN96q__iframe{border:0;width:100%;height:100%;display:block}.live-demo-shell-module__qpN96q__note{padding:0 var(--spacing-scale-20) var(--spacing-scale-16);font-size:var(--art-echo-fs-sm);color:var(--art-echo-r10);text-align:center;margin:0}@media (max-width:48rem){.live-demo-shell-module__qpN96q__disclaimer{display:none}.live-demo-shell-module__qpN96q__stage{padding:var(--spacing-scale-8)}}