:root{color-scheme:light dark;--ink:#202124;--muted:#5f6368;--paper:#fff;--line:#dadce0;--blue:#1a73e8;--panel:#f8fafd;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}main{max-width:960px;padding:32px 32px 140px;margin:auto}header{display:flex;align-items:center;gap:14px;margin-bottom:72px;color:var(--muted)}.brand{font-size:23px;letter-spacing:-1px;color:var(--ink);text-decoration:none;font-weight:700}h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;line-height:1.1;margin:0 0 22px}h2{font-size:24px;letter-spacing:-.6px}.intro{font-size:20px;line-height:1.55;max-width:560px}.file-picker,button{cursor:pointer;border-radius:5px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px 18px;font:inherit}.file-picker{display:inline-block;margin:24px 0 8px;background:var(--blue);color:white;border:0}#package{display:block;max-width:100%;margin-top:8px}#package-status,.privacy{font-size:14px;color:var(--muted);line-height:1.6;max-width:540px}.privacy{margin-top:42px}#identity{margin-top:36px;max-width:520px}#agent-detail{color:var(--muted);line-height:1.6;overflow-wrap:anywhere}#host{position:fixed;width:260px;height:300px;right:9vw;bottom:110px;z-index:10;outline-offset:5px}#drawing{width:100%;height:100%;display:grid;place-items:center}#drawing svg,#drawing canvas{max-width:100%;max-height:100%}#drawing pre{font-size:22px;line-height:1.1}#hamburger{position:absolute;right:0;top:0;padding:5px 8px;background:var(--paper);opacity:0;pointer-events:none;font-size:19px}#host:hover #hamburger,#host:focus-within #hamburger,#host.reveal #hamburger{opacity:1;pointer-events:auto}#menu{position:absolute;right:0;top:38px;width:228px;max-height:65vh;overflow:auto;padding:8px;background:var(--paper);box-shadow:0 4px 18px #0002;border:1px solid var(--line);border-radius:8px}#menu button{display:block;width:100%;border:0;text-align:left;padding:9px}#menu label{display:block;font-size:14px;padding:9px}select,input{font:inherit;max-width:100%}#caption{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 40px));line-height:1.6;text-align:center;padding:12px;color:var(--ink);background:var(--paper);font-size:17px;margin:0;z-index:5;overflow-wrap:anywhere}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;width:min(560px,calc(100% - 28px));padding:24px;max-height:90vh}dialog::backdrop{background:#0005}dialog p{line-height:1.55;color:var(--muted)}dialog label{display:block;font-size:14px;margin:16px 0}dialog input:not([type=checkbox]),dialog select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px}.consent{line-height:1.5}.actions{display:flex;justify-content:flex-end;gap:10px}.actions button[type=submit]{background:var(--blue);color:#fff}#host[data-position=left]{right:auto;left:6vw}#host[data-position=center]{right:calc(50% - 130px)}#host[data-size=small]{width:120px;height:150px}#host[data-size=large]{width:340px;height:380px}
@media(max-width:640px){main{padding:24px 22px 380px}header{margin-bottom:42px}h1{letter-spacing:-1px}.intro{font-size:18px}#host{width:175px;height:195px;right:26px;bottom:120px}#host[data-position=center]{right:calc(50% - 87px)}#host[data-size=large]{width:230px;height:260px}#caption{font-size:15px;bottom:12px}#identity{margin-top:25px}.privacy{margin-top:28px}}
@media(prefers-color-scheme:dark){:root{--ink:#e8eaed;--muted:#9aa0a6;--paper:#17191c;--line:#3c4043;--blue:#8ab4f8;--panel:#202124}.file-picker,.actions button[type=submit]{color:#17191c}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
body.ns-stage-body{--ink:var(--ns-text);--muted:var(--ns-text-2);--paper:var(--ns-bg);--line:var(--ns-border-strong);background:var(--paper);color:var(--ink);font-family:var(--ns-font,Arial,sans-serif)}

#drawing .ns-morph__menu-btn,#drawing .ns-morph__menu{display:none}#drawing .ns-morph__svg{width:100%;height:100%}#drawing .ns-morph__layer{position:absolute;inset:0}#drawing.ns-morph{position:relative;width:100%;height:100%}
#menu{top:auto;bottom:calc(100% + 8px);max-height:55vh}

#package{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}#package:focus-visible + #package-status{outline:2px solid var(--blue)}

@media(max-width:640px){main{padding-bottom:320px}header{margin-bottom:24px}h1{font-size:32px}.intro{font-size:16px;line-height:1.5}.file-picker{margin-top:14px}#identity{margin-top:16px}#identity h2{margin:0 0 10px}#agent-detail{font-size:14px;margin:10px 0}.privacy{font-size:13px;margin-top:16px}}