html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:system-ui,sans-serif}#app{position:relative;width:100vw;height:100vh}.signage-canvas{position:relative;width:100%;height:100%;background:#000}.signage-zone{background:#000}.zone-content{display:block;width:100%;height:100%;object-fit:cover;border:0}.zone-content--color{width:100%;height:100%}.zone-content--webpage{background:#fff}#dev-status{position:fixed;left:8px;bottom:8px;z-index:9999;padding:6px 10px;font-size:12px;line-height:1.4;color:#d1fae5;background:rgba(0,0,0,.65);border-radius:4px;white-space:pre;pointer-events:none}.pairing-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;height:100%;background:#0b1220;color:#f8fafc;text-align:center;padding:32px;box-sizing:border-box}.pairing-title{font-size:clamp(20px,3vw,32px);font-weight:600;letter-spacing:.02em;color:#94a3b8;text-transform:uppercase}.pairing-qr{background:#fff;padding:16px;border-radius:12px}.pairing-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(48px,10vw,96px);font-weight:700;letter-spacing:.2em;color:#f8fafc}.pairing-instructions{font-size:clamp(14px,1.8vw,20px);color:#94a3b8;max-width:32em}