:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#101715;color:#e8f1ed}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 40px,1080px);margin:52px auto}.narrow{max-width:500px;margin-top:12vh}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:64px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#99cfb5}h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.04em;line-height:1.05;max-width:700px}h2{font-size:21px;margin-top:0}p{color:#afc1b7;line-height:1.6;max-width:760px}.card{background:#19231f;border:1px solid #304137;border-radius:18px;padding:28px;margin:28px 0}button{border:0;border-radius:9px;background:#b7e5c8;color:#10291c;padding:14px 20px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;border:1px solid #6e9980;color:#d4eddf}.actions{display:flex;gap:12px;flex-wrap:wrap}.note,small{font-size:13px;color:#9daf9f;line-height:1.6}label{display:block;margin:28px 0 10px}input{display:block;width:100%;padding:14px;background:#19231f;border:1px solid #53665a;border-radius:9px;color:white;font:inherit;margin-bottom:18px}form button{width:100%}small{display:block;margin-top:24px}code{display:block;overflow-wrap:anywhere;color:#b7e5c8}#badge{font-size:13px;color:#b7e5c8}iframe{width:100%;height:72vh;border:1px solid #53665a;border-radius:12px;background:#000}.viewer{height:100vh;width:100vw;background:#000;overflow:hidden}.viewer #screen{height:100%;width:100%}.viewer #connection{position:absolute;bottom:10px;left:10px;background:#101715;padding:8px;border-radius:6px;pointer-events:none}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}
.desktop-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.desktop-toolbar span{font-size:13px;color:#afc1b7;flex:1;min-width:160px}.desktop-expanded{overflow:hidden}#desktop.expanded{position:fixed;inset:0;z-index:1000;background:#101715;height:100vh;height:100dvh;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column}#desktop.expanded>h2{display:none}#desktop.expanded .desktop-toolbar{flex:none;margin:0 0 8px}#desktop.expanded iframe{flex:1;min-height:0;height:auto;border-radius:0}#desktop.expanded .desktop-toolbar span{min-width:120px}