*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--banner-height: 40px;--banner-bg: #0a0a0a;--banner-text: #a0a0a0;--banner-link: #ffffff;--banner-accent: #6366f1}html,body{height:100%;overflow:hidden;background:#000;font-family:IBM Plex Mono,monospace}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}.iframe-container{flex:1;position:relative;overflow:hidden}.iframe-container iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:#fff}.iframe-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:2;transition:opacity .3s ease,visibility .3s ease}.iframe-loading.hidden{opacity:0;visibility:hidden}.loader{width:20px;height:20px;border:2px solid #222;border-top-color:#666;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{height:var(--banner-height);background:var(--banner-bg);border-top:1px solid #1a1a1a;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;flex-shrink:0;user-select:none;-webkit-user-select:none}.banner__group{display:inline-flex;align-items:center;gap:6px}.banner__text{font-size:12px;font-weight:400;color:var(--banner-text);letter-spacing:.02em}.banner__link,.banner__action{font-size:12px;font-weight:500;color:var(--banner-link);text-decoration:none;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease,opacity .15s ease}.banner__action{padding:6px 12px;border-radius:999px;border:1px solid #2a2a2a;background:#111}.banner__actions{display:inline-flex;align-items:center;gap:12px}.banner__link:hover,.banner__action:hover{color:var(--banner-accent)}.banner__action:hover{border-color:#333;background:#151515}.banner__link svg,.banner__action svg{width:12px;height:12px;opacity:0;transform:translate(-2px);transition:opacity .15s ease,transform .15s ease}.banner__link:hover svg,.banner__action:hover svg{opacity:1;transform:translate(0)}.banner__notice{font-size:12px;font-weight:500;color:#ef4444;letter-spacing:.02em}@media (max-width: 520px){.banner{justify-content:center;flex-direction:column;height:auto;padding:10px 16px}.banner__actions{flex-direction:column;gap:6px}.banner__action,.banner__notice{display:inline-flex}}.error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0a;color:#666;gap:8px;font-family:IBM Plex Mono,monospace}.error-state__title{font-size:14px;color:#999}.error-state__message{font-size:12px;color:#555}