:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#000;--panel:#101010;--text:#fff;--secondary:#999;--muted:#777;--mint:#fff;--cyan:#999;--amber:#999;--border:#ffffff26;--control:#212121;--surface:#101010;--surface-raised:#1f1f1f;--surface-border:#ffffff26;--canvas-atmosphere:#000;--quiet:#999;--surface-shadow:none;--control-radius:0px;--surface-radius:0px}@supports (dynamic-range-limit:no-limit){:root{dynamic-range-limit:no-limit}button,input,select,textarea,[role=button]{dynamic-range-limit:standard}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f2f2;background:#080808;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 16px}button:disabled{opacity:.35;cursor:default}button:hover{background:#ffffff0c}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:1px solid #aaa}.nova{height:100vh;height:100dvh;position:relative}.connection-background{pointer-events:none;width:100%;height:calc(100% - 56px);position:absolute;top:0;bottom:56px;left:0;right:0}.pairing-capture-alive:after{content:"";pointer-events:none;background:#ffffff14;width:6px;height:2px;animation:4s linear infinite pairing-capture-alive;position:absolute;bottom:0;left:0}@keyframes pairing-capture-alive{0%{transform:translate(0)}to{transform:translate(calc(100vw - 6px))}}.pairing{--pair-padding-block:20px;--pair-padding-inline:24px;height:calc(100dvh - 56px - env(safe-area-inset-bottom));padding:max(var(--pair-padding-block), env(safe-area-inset-top)) max(var(--pair-padding-inline), env(safe-area-inset-right)) var(--pair-padding-block) max(var(--pair-padding-inline), env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2dvh,32px);display:flex;position:relative}.pairing h1{letter-spacing:-.04em;text-align:left;max-width:22em;margin:0 0 4px;font-size:clamp(22px,min(2.5vw,3.8dvh),76px);font-weight:400;line-height:1.2}.pair-details{flex-direction:column;align-items:center;gap:clamp(8px,1.3dvh,24px);min-width:0;max-width:100%;display:flex}.pair-step{grid-template-columns:1.2em 1fr;gap:.25em;display:grid}.pair-step-number{color:#888;font-variant-numeric:tabular-nums}.pair-step>span:last-child{text-wrap:pretty}.pair-step a{color:inherit;text-underline-offset:.15em;text-decoration-color:#777;text-decoration-thickness:1px}.pair-step a:hover{text-decoration-color:currentColor}.qr{width:clamp(160px,30dvh,576px);height:auto;image-rendering:pixelated;background:#fff;display:block}.pair-link{color:#aaa;overflow-wrap:anywhere;text-align:center;max-width:min(100%,48em);font:clamp(11px,.75vw,24px)/1.5 ui-monospace,monospace;text-decoration:none}.pair-code{letter-spacing:.04em;color:#ddd;text-align:center;margin:0;font:clamp(13px,.9vw,30px)/1.6 ui-monospace,monospace}.pair-countdown{color:#888;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(12px,.75vw,24px)}.copy{color:#999;min-height:44px;font-size:clamp(13px,.9vw,28px)}.pair-placeholder{place-items:center;width:288px;height:288px;display:grid}.connected-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:28px 24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.connected-empty h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3.1vw,38px);font-weight:400;line-height:1.2}.connected-empty p{color:#999;margin:16px 0 0;font-size:16px;line-height:1.5}.controls{z-index:20;height:calc(52px + env(safe-area-inset-bottom));padding:0 max(16px, env(safe-area-inset-left)) env(safe-area-inset-bottom);background:#080808;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.status{color:#737373;font-size:11px}.controls button{letter-spacing:2px;font-size:24px}.control-actions{align-items:center;gap:4px;display:flex}.controls .fullscreen-toggle{color:#aaa;letter-spacing:0;align-items:center;gap:8px;font-size:12px;display:flex}.fullscreen-toggle kbd{border:1px solid #444;padding:2px 4px;font:10px ui-monospace,monospace}@media (hover:none){.fullscreen-toggle kbd{display:none}}.canvas{position:absolute;top:0;bottom:0;left:0;right:0}.canvas.concealed{visibility:hidden;pointer-events:none}.component-frame{background:#080808;border:0;width:100%;height:100%;display:block}.loading{z-index:10;pointer-events:all;opacity:1;background:#080808ed;place-items:center;transition:opacity .2s ease-out;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.loading.fading{opacity:0;pointer-events:none}.loading-message{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:24px;display:flex;position:relative}.loading-message p{color:#aaa;margin:0;font-size:clamp(16px,2.5vw,20px);line-height:1.4}.loading pre{color:#fff;opacity:.1;white-space:pre-wrap;font:12px/1.7 monospace;position:absolute;top:30px;bottom:30px;left:30px;right:30px;overflow:hidden}.cube{width:54px;height:58px;position:relative}.cube.animated rect{animation:1.6s steps(4,end) infinite pulse}@keyframes pulse{0%,to{opacity:.15}50%{opacity:1}}.compact-menu{right:16px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;background:#151515;border:1px solid #333;flex-direction:column;align-items:stretch;min-width:180px;padding:6px;display:flex;position:fixed}.compact-menu button{text-align:left;font-size:14px}.notice{left:16px;right:16px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:30;background:#202020;border:1px solid #444;justify-content:space-between;align-items:center;max-height:180px;padding:4px 12px;font-size:13px;line-height:1.4;display:flex;position:fixed;overflow:auto}.overview{inset:24px 24px calc(70px + env(safe-area-inset-bottom));z-index:40;background:#101010;border:1px solid #333;padding:16px;position:fixed;overflow:auto}.overview header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.overview>button{text-align:left;border-top:1px solid #222;align-items:center;gap:24px;width:100%;padding:20px 12px;display:flex}.overview small{color:#777;font-family:monospace}.overview .focused{background:#222}@media (max-width:500px){.pairing{--pair-padding-block:16px;--pair-padding-inline:16px;gap:16px}.pairing h1{max-width:340px;margin-bottom:0;font-size:18px}.pair-link{font-size:11px;line-height:1.6}.overview{top:12px;bottom:72px;left:12px;right:12px}.qr{width:min(65vw,29dvh)}}@media (max-width:500px) and (max-height:650px){.pairing{--pair-padding-block:12px;gap:10px}.pair-details{gap:6px}.pair-code{letter-spacing:0;font-size:12px}.qr{width:min(52vw,27dvh)}}@media (max-width:500px) and (max-height:520px){.pairing{--pair-padding-block:8px;gap:8px}.qr{width:25dvh}.pair-details{gap:4px}}@media (min-width:501px) and (max-height:600px){.pairing-ready{--pair-padding-block:12px;--pair-padding-inline:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);display:grid}.pairing h1{margin:0;font-size:clamp(18px,2.5vw,28px)}}@media (min-width:501px) and (max-height:600px),(max-width:500px) and (max-height:650px){.pair-details{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.qr{grid-area:1/1/3;width:min(40dvh,22vw,200px)}.pair-link{grid-area:1/2;align-self:end;font-size:11px}.copy{grid-area:2/2;align-self:start;padding:6px;font-size:13px}.pair-code{letter-spacing:0;grid-area:3/1/auto/-1;font-size:12px}.pair-countdown{text-align:center;grid-area:4/1/auto/-1;font-size:12px}}@media (max-width:500px) and (max-height:650px){.pair-details{width:100%}.qr{width:min(38vw,27dvh)}}@media (prefers-reduced-motion:reduce){.loading{transition:none}.cube.animated rect{animation:none}}.cast-inline{color:inherit;font:inherit;letter-spacing:inherit;text-underline-offset:.15em;background:0 0;border:0;padding:0;text-decoration:underline}.cast-inline:focus-visible{outline-offset:4px;outline:2px solid}.cast-screen{place-items:center;min-height:100dvh;padding:24px;display:grid}.cast-screen section{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:720px;display:flex}.cast-screen h1{font-size:clamp(24px,3vw,48px)}.cast-screen .pair-link{overflow-wrap:anywhere}.controls-dock{height:calc(52px + env(safe-area-inset-bottom));z-index:20;pointer-events:none;position:fixed;top:auto;bottom:0;left:0;right:0}.controls-dock .controls{pointer-events:auto}.controls-dock.collapsible .controls{opacity:0;pointer-events:none;transition:transform .18s ease-out,opacity .18s ease-out;transform:translateY(100%)}.controls-dock.collapsible.revealed .controls{opacity:1;pointer-events:auto;transform:translateY(0)}.controls-dock.collapsible:has(:focus-visible) .controls{opacity:1;pointer-events:auto;transform:translateY(0)}.controls-edge{pointer-events:auto;background:0 0;width:100%;height:20px;min-height:0;padding:0;position:absolute;bottom:0;left:0;right:0}.controls-edge:hover{background:0 0}@media (hover:none){.controls-edge{width:88px;height:calc(28px + env(safe-area-inset-bottom));place-items:start center;padding-top:12px;display:grid;left:50%;right:auto;transform:translate(-50%)}.controls-edge span{background:#ffffff80;border-radius:2px;width:28px;height:3px;display:block;box-shadow:0 0 2px #000}}@media (prefers-reduced-motion:reduce){.controls-dock.collapsible .controls{transition:none}}.draft-preview{background:#080808;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.preview-toolbar{border-bottom:1px solid #333;flex-direction:column;gap:2px;height:72px;padding:8px 12px;font-size:13px;line-height:17px;display:flex;overflow:hidden}.preview-toolbar small{color:#aaa;font-size:11px}.preview-stage{transform-origin:0 0;position:absolute;top:72px;left:0}.preview-stage iframe{border:0;width:100%;height:100%;display:block}.preview-wait{pointer-events:none;place-items:center;display:grid;position:absolute;top:72px;bottom:0;left:0;right:0}.preview-error{color:#eee;background:#151515;padding:16px;position:absolute;top:80px;left:16px;right:16px}.component-surface{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.nova.display-idle,.nova.display-idle *{cursor:none!important}.display-idle-shield{z-index:12;cursor:none;position:fixed;top:0;bottom:0;left:0;right:0}.media-slot{z-index:1;position:absolute;overflow:hidden}.offline-status{color:#eee;z-index:15;text-align:center;pointer-events:none;background:#171717;padding:10px 18px;font:16px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;position:fixed;bottom:0;left:0;right:0}@font-face{font-family:CanvasMono;src:url(/brand/canvas/fonts/FragmentMono.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.canvas-home{--ink:#202020;--paper:#f5f4f0;--muted:#686868;isolation:isolate;width:100%;height:100dvh;min-height:100%;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:20px/1.5 CanvasMono,monospace;position:relative;overflow:auto}.canvas-home:before{content:"";z-index:-1;pointer-events:none;opacity:.24;background:url(/brand/canvas/paper.svg);position:fixed;top:0;bottom:0;left:0;right:0}.canvas-home a{color:inherit;text-decoration:none}:is(.canvas-home a:focus-visible,.canvas-home summary:focus-visible){outline-offset:8px;outline:1px solid}.canvas-blank{place-items:center;display:grid}.canvas-invitation{text-align:center;transform:translateY(-5vh)}.canvas-invitation h1{font:inherit;margin:0 0 54px}.canvas-invitation img{width:170px;height:44px;margin:auto;display:block}.canvas-question{letter-spacing:0;align-items:center;min-height:44px;padding:8px;font-size:18px;display:inline-flex}.canvas-question:hover{text-underline-offset:6px;text-decoration:underline}.canvas-edge{color:#525252;justify-content:space-between;align-items:end;font-size:16px;display:flex;position:absolute;top:auto;bottom:22px;left:28px;right:28px}.canvas-edge summary{cursor:pointer;align-items:center;min-height:44px;list-style:none;display:flex}.canvas-edge summary::-webkit-details-marker{display:none}.canvas-edge nav{flex-direction:column;gap:18px;padding:8px 0 18px;display:flex}.canvas-edge nav a{min-height:30px}.canvas-cursor{background:var(--ink);width:7px;height:7px;margin-bottom:18px}.canvas-setup{padding:clamp(28px,6vw,90px)}.canvas-setup>section{max-width:490px;margin:12vh auto}.canvas-setup h1{font:inherit;margin:0 0 48px}.canvas-setup ol{margin:0 0 48px;padding-left:23px}.canvas-setup li{margin:0 0 24px;padding-left:8px}.canvas-setup section>a{text-underline-offset:6px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.canvas-note{color:var(--muted);margin:8px 0 48px;font-size:16px}.canvas-home details{font-size:16px}.canvas-setup summary{cursor:pointer;min-height:44px}.canvas-setup details p{color:var(--muted)}.pairing{color:#202020;background:#f5f4f0;font-family:CanvasMono,monospace}.pairing h1{text-transform:lowercase;font-family:CanvasMono,monospace;font-weight:400}.pairing .copy,.pairing button,.pair-countdown{text-transform:lowercase;font-family:CanvasMono,monospace}.pair-code,.pair-link{text-transform:none}@media (max-width:620px){.canvas-edge{top:auto;bottom:16px;left:20px;right:20px}.canvas-invitation{transform:translateY(-3vh)}.canvas-setup>section{margin:9vh auto}}@media (prefers-reduced-motion:reduce){.canvas-home *{transition:none!important;animation:none!important}}.pairing .pair-code{color:#202020}.pairing .pair-link{color:#686868}.pairing h1{letter-spacing:0;font-size:clamp(20px,2.4vw,32px)}.controls button{text-transform:lowercase}.canvas-particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-blank{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-invitation img{-webkit-user-drag:none}.canvas-browser-pair .pairing{gap:16px;padding:36px 24px;overflow:auto}.canvas-browser-pair .pair-brand{margin:0;line-height:1}.pair-brand img{width:170px;height:44px;display:block}.pair-invitation{margin:0 0 10px;font:18px/1.5 CanvasMono,monospace}.canvas-browser-pair .qr{width:clamp(160px,28dvh,256px)}.pair-instruction{text-align:center;max-width:32em;margin:10px 0 0;font:16px/1.6 CanvasMono,monospace}.pair-more{text-align:center;max-width:min(90vw,540px);font:14px/1.6 CanvasMono,monospace}.pair-more summary{cursor:pointer;color:#686868;min-height:44px}.pair-more[open]{flex-direction:column;gap:12px;display:flex}.pair-more .pair-link{margin:12px 0;display:block}.pair-extra{text-transform:lowercase;margin:12px 0}.canvas-browser-pair .controls{color:#202020;background:#f5f4f0}.connected-empty{color:#202020;background:#f5f4f0;font-family:CanvasMono,monospace}.canvas-setup h2{font:inherit;margin:48px 0 20px}.canvas-setup .canvas-setup-open{text-underline-offset:6px;text-decoration:underline}@media (max-height:650px){.canvas-browser-pair .pairing{justify-content:flex-start;gap:10px;padding-block-start:20px;padding-block-end:20px}.pair-invitation{margin-bottom:0}}.canvas-browser-pair .pairing{-webkit-user-select:none;user-select:none;background:0 0}.canvas-browser-pair .pair-link{-webkit-user-select:text;user-select:text}.canvas-browser-pair .pairing img{-webkit-user-drag:none}