/* Julium on the web: pairing, start tap, file viewer; parent controls at /parent. */
[data-action="auth"], [data-layout-id="widget:messages"], [data-action="teach-more"], .settings-overview, [data-action="quit"] { display: none !important; }
.web-pair, .web-start { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; background: #f2f7f7; padding: 16px; }
.web-pair form { width: min(480px, 100%); background: #fff; border: 1px solid #d6e1e5; border-radius: 6px; padding: 24px; }
.web-pair img { width: 72px; }
.web-pair h1 { font-size: 32px; margin: 16px 0 8px; }
.web-pair input { width: 100%; font-size: 32px; letter-spacing: .4em; text-align: center; padding: 12px; border: 1px solid #718a96; border-radius: 6px; margin: 8px 0 16px; }
.web-pair button, .web-start button { width: 100%; font-size: 20px; padding: 16px; }
.web-start { background: rgba(18, 61, 78, .55); }
.web-start button { width: auto; padding: 24px 48px; font-size: 28px; }
.web-viewer { position: fixed; inset: 0; z-index: 40; background: #fff; display: flex; flex-direction: column; }
.web-viewer-bar { display: flex; gap: 24px; align-items: center; padding: 12px 24px; border-bottom: 1px solid #d6e1e5; }
.web-viewer-body { flex: 1; min-height: 0; width: 100%; border: 0; object-fit: contain; background: #000; }
img.web-viewer-body, iframe.web-viewer-body { background: #fff; }