/* Download (Owner, 2 November 2026, design B): the closed beta in a few words beside an Osynk window in which the
   request runs as a Session. Tokens only. The film's styles stay in film.css and film-inline.css, unused for now. */
.dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:clamp(40px,6vw,96px);align-items:start;padding:72px 0 120px}
.dl h1{font:400 clamp(40px,4.4vw,60px)/1.06 var(--at-font-editorial);letter-spacing:-.01em;margin:0;max-width:12ch}
.dl-lead{font:400 clamp(19px,1.7vw,22px)/1.45 var(--at-font-editorial);color:var(--at-text-muted);margin:22px 0 0;max-width:34ch}
.dl-platforms{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dl-platforms li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;border:1px solid var(--at-line);border-radius:var(--at-r-pill);font-size:14px;color:var(--at-text-muted)}
.dl-platforms li.is-on{border-color:var(--at-accent);color:var(--at-text)}
.dl-logo{width:16px;height:16px;fill:currentColor;flex:none}
.dl-platforms li.is-on .dl-logo{fill:var(--at-accent)}
.dl-version{display:flex;gap:18px;margin:16px 0 0;font-size:13px;color:var(--at-text-muted)}

/* The Osynk window and its Session */
.ses{position:sticky;top:112px;border:1px solid var(--at-line);border-radius:12px;background:var(--at-bg);box-shadow:var(--at-shadow-dialog);overflow:hidden}
.ses-bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-bottom:1px solid var(--at-line);font-size:13px;color:var(--at-text)}
.ses-bar i{width:11px;height:11px;border-radius:50%;background:var(--at-line-strong);opacity:.55}
.ses-bar span:first-of-type{margin-left:14px}
.ses-sep{color:var(--at-text-muted)}
.ses-tabs{display:flex;border-bottom:1px solid var(--at-line);font-size:13px}
.ses-tabs span{padding:9px 16px;color:var(--at-text-muted)}
.ses-tabs .is-on{color:var(--at-text);background:var(--at-surface);box-shadow:inset 0 -2px 0 var(--at-accent)}
.ses-body{position:relative;padding:20px 22px 10px;font:14px/1.6 var(--at-font-mono);color:var(--at-text);min-height:440px}
.ses-user{margin:0 0 12px;background:var(--at-sunken);padding:8px 12px;border-radius:4px;font:inherit}
.ses-line{margin:0 0 12px}
.ses-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--at-text);margin-right:10px;vertical-align:1px}
.ses-dot.ok{background:var(--at-success)}
.ses-q{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:12px;padding:5px 0 5px 18px;position:relative}
.ses-q::before{content:'?';position:absolute;left:0;top:5px;color:var(--at-text-muted)}
.ses-q:focus-within::before{content:'\203A';color:var(--at-accent);font-weight:700}
.ses-q label{color:var(--at-text-muted)}
.ses-q label em{font-style:normal;opacity:.7}
.ses-q:focus-within label{color:var(--at-text)}
.ses-q input,.ses-q textarea{width:100%;min-width:0;border:0;border-bottom:1px dashed var(--at-line-strong);border-radius:0;background:none;color:var(--at-text);font:inherit;padding:2px 0;caret-color:var(--at-accent);outline:0;resize:none;overflow:hidden}
.ses-q input:focus,.ses-q textarea:focus{border-bottom:1px solid var(--at-accent)}
/* Focus shows as the accent underline and the › before the prompt, as in the app's terminal. */
.ses-q input:focus-visible,.ses-q textarea:focus-visible{outline:0}
.ses-q [aria-invalid=true]{border-bottom:1px solid var(--at-danger)}
.ses-check{display:flex;align-items:center;gap:10px;margin:14px 0 0 18px;min-height:32px}
.ses-check input{width:16px;height:16px;margin:0;accent-color:var(--at-accent)}
.ses-check [aria-invalid=true]{outline:1px solid var(--at-danger);outline-offset:2px}
.ses-check a{color:inherit;text-underline-offset:3px}
.ses-body .form-check{margin:12px 0 0 18px}
.ses-send{margin:18px 0 0 18px;min-height:40px;border:1px solid var(--at-accent);background:var(--at-accent);color:var(--at-text-on-accent);font:600 13px/1 var(--at-font-mono);padding:10px 14px;border-radius:4px;cursor:pointer}
.ses-send:hover{background:var(--at-accent-hover)}
.ses-send:focus-visible{outline:var(--at-focus-width) solid var(--at-focus);outline-offset:var(--at-focus-offset)}
.ses-log{margin-top:18px}
.ses-log p{margin:0;opacity:0;transform:translateY(4px);animation:ses-in .3s ease forwards}
.ses-log .sub{color:var(--at-text-muted);padding-left:18px}
.ses-log .sub::before{content:'\2514\00a0\00a0'}
.ses-log .err{color:var(--at-danger)}
.ses-log .done{margin-top:10px;font-weight:600}
.ses-log .wait{margin-top:12px;color:var(--at-accent)}
@keyframes ses-in{to{opacity:1;transform:none}}
.ses-note{margin:14px 0 0 18px;font:13px/1.5 var(--at-font-ui);color:var(--at-text-muted)}
.ses.is-busy .ses-q,.ses.is-busy .ses-check,.ses.is-busy .ses-send{opacity:.55;pointer-events:none}
.ses.is-sent .ses-note{display:none}
.ses-foot{margin:0;padding:8px 22px 14px;font:12px/1 var(--at-font-mono);color:var(--at-text-muted)}
@media(prefers-reduced-motion:reduce){.ses-log p{animation:none;opacity:1;transform:none}}
@media(max-width:900px){.dl{grid-template-columns:minmax(0,1fr);padding:48px 0 88px}.ses{position:static;margin-top:36px}}