/* External browser pages only. File transfer, player and call mechanics unchanged. */
.sk-external {
  --ext-bg:#009fa9; --ext-surface:#fff; --ext-text:#203746;
  --ext-muted:#607985; --ext-line:#d8e5e9; --ext-soft:#f1f7f7;
  --ext-accent:#008b95; --ext-hover:#007781;
  --sx-bg:var(--ext-surface); --sx-pane:var(--ext-soft); --sx-ink:var(--ext-text);
  --sx-muted:var(--ext-muted); --sx-line:var(--ext-line); --sx-accent:var(--ext-accent);
  --bg:var(--ext-soft); --panel:var(--ext-surface); --text:var(--ext-text);
  --muted:var(--ext-muted); --border:var(--ext-line); --accent:var(--ext-accent);
  background:var(--ext-bg); color:var(--ext-text); box-sizing:border-box;
}
:root .sk-external.sk-external {
  --sx-bg:#fff; --sx-pane:#f1f7f7; --sx-ink:#203746; --sx-muted:#607985;
  --sx-line:#d8e5e9; --sx-accent:#008b95; --sx-selected:#e2f3f2;
  --bg:#f1f7f7; --panel:#fff; --text:#203746; --muted:#607985; --border:#d8e5e9; --accent:#008b95;
}
.sk-external * {box-sizing:border-box}
.sk-external.sx-share-page,.sk-external.sx-intake-public {
  width:100%; min-width:0; min-height:100dvh; height:100dvh; overflow:auto;
  padding:clamp(28px,6vh,64px) max(20px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  background:var(--ext-bg);
}
.sk-external>header {
  display:flex; align-items:center; gap:16px; min-width:0;
  margin:0 auto 22px; min-height:40px; color:#fff;
}
.sk-external.sx-share-page>header {max-width:560px}
.sk-external.sx-share-page:has(>.sx-share-video)>header {max-width:760px}
.sk-external.sx-intake-public>header {max-width:1000px}
.sk-external.sx-intake-public:has(>.sx-intake-unlock)>header {max-width:560px}
.sk-external>header .sk-external-logo {
  display:block; width:172px; height:40px; object-fit:contain;
  object-position:left center; margin:0; flex:none; border-radius:0;
}
.sk-external.sx-intake-public>header>span {font-size:13px;color:#fff;margin-left:auto;line-height:1.4;background:#007781;border-radius:999px;padding:6px 10px}
.sk-external>.sx-public-card,.sk-external>.sx-intake-card {
  width:100%; max-width:560px; background:var(--ext-surface); color:var(--ext-text);
  border:1px solid #ffffffa6; border-radius:24px; margin:0 auto;
  padding:36px; box-shadow:0 12px 40px #00383d16; min-width:0;
}
.sk-external>.sx-intake-card:has(.sx-intake-heading) {max-width:1000px}
.sk-external>.sx-public-card.sx-share-video {max-width:760px;padding:0;gap:0;border-radius:24px;overflow:hidden}
.sk-external .sx-public-card h1,.sk-external .sx-intake-card h1 {
  font-size:28px;line-height:1.2;letter-spacing:-.5px;font-weight:700;overflow-wrap:anywhere;
}
.sk-external .sx-intake-card h1 {margin:6px 0 10px}
.sk-external .sx-public-card>svg,.sk-external .sx-intake-unlock>svg {color:var(--ext-accent)}
.sk-external .sx-public-card>p,.sk-external .sx-intake-card>p {font-size:15px;line-height:1.65;color:var(--ext-muted)}
.sk-external .sx-dialog-form {gap:18px;color:var(--ext-text);background:transparent}
.sk-external .sx-dialog-form label {font-size:14px;font-weight:600;gap:8px}
.sk-external.sk-external .sx-dialog-form input {
  width:100%;min-height:48px;font-size:16px;border:1px solid #b9cfd5;
  background:#fff;color:var(--ext-text);border-radius:12px;padding:11px 14px;
}
.sk-external .sx-dialog-form input:focus-visible {outline:3px solid #009fa933;outline-offset:2px;border-color:var(--ext-accent)}
.sk-external.sk-external .sx-dialog-form button,.sk-external .sx-actions>a,.sk-external .sx-actions>button {
  min-height:46px;font-size:15px;border-radius:12px;justify-content:center;padding:11px 18px;
}
.sk-external .sx-dialog-form>.sx-primary {width:100%}
.sk-external .sx-primary {background:var(--ext-accent);border-color:var(--ext-accent);color:#fff}
.sk-external .sx-actions>a.sx-primary {color:#fff!important}
.sk-external .sx-primary:not(:disabled):hover {background:var(--ext-hover);filter:none}
.sk-external .sx-actions {display:flex;flex-wrap:wrap;gap:12px}
.sk-external .sx-actions>button:not(.sx-primary) {border:1px solid var(--ext-line);background:#fff}
.sk-external .sx-share-video__details {padding:22px 24px;gap:18px;background:#fff}
.sk-external .sx-share-video__info h1 {font-size:17px;letter-spacing:0;line-height:1.45;margin:0}
.sk-external .sx-share-video__info p {font-size:13px;color:var(--ext-muted)}
.sk-external a.sx-share-video__download {width:48px;height:48px;border-radius:14px;background:var(--ext-soft);color:var(--ext-text)}
.sk-external .sx-intake-heading {gap:16px;align-items:flex-start;margin-bottom:24px}
.sk-external .sx-intake-heading>span {font-size:13px;line-height:1.5;padding-top:4px;color:var(--ext-muted)}
.sk-external .sx-intake-eyebrow {font-size:11px;letter-spacing:.1em;margin:0;color:var(--ext-muted)}
.sk-external .sx-intake-drop {
  padding:32px 20px;gap:18px;background:var(--ext-soft);border:2px dashed #bddcdf;border-radius:18px;
}
.sk-external .sx-intake-drop>svg {color:var(--ext-accent)}
.sk-external .sx-intake-drop strong {font-size:16px;line-height:1.5}
.sk-external .sx-intake-drop.is-dragging {background:#e4f4f2;border-color:var(--ext-accent)}
.sk-external .sx-intake-card>.sx-intake-help {font-size:13px;line-height:1.65;color:var(--ext-muted);margin:16px 0 0}
.sk-external .sx-intake-job {background:#fff;border-color:var(--ext-line);border-radius:14px}
.sk-external .sx-intake-job-title button {min-width:40px;min-height:40px}
.sk-external .sx-intake-receipt {font-weight:600;color:var(--ext-accent)}
.sk-external.sx-public-folder {padding:24px clamp(16px,4vw,64px) 24px;background:var(--ext-bg)}
.sk-external.sx-public-folder>header {width:100%;max-width:1240px;margin-bottom:18px}
.sk-external .sx-public-folder-panel:not(.is-expanded):not(:fullscreen) {
  border:1px solid #ffffffa6;border-radius:24px;height:calc(100dvh - 106px);min-height:300px;
  background:#fff;box-shadow:0 12px 40px #00383d16;
}
.sk-external .sx-explorer--public {
  --sx-bg:#fff;--sx-pane:#f1f7f7;--sx-ink:#203746;--sx-muted:#607985;
  --sx-line:#d8e5e9;--sx-accent:#008b95;--sx-selected:#e2f3f2;
}
.sk-external .sx-public-desktop-toolbar {padding:12px 16px;min-height:64px;background:#fff}
.sk-external .sx-public-desktop-toolbar h1 {font-size:16px;max-width:190px}
.sk-external .sx-public-desktop-search {width:220px;background:var(--ext-soft)}
.sk-external .sx-explorer .sx-public-desktop-search input {font-size:14px;border:0;background:transparent;box-shadow:none;padding:0;min-height:40px}
.sk-external .sx-explorer--public .sx-entries--list>.sx-entry {border-radius:12px}
.sk-external .sx-explorer--public .sx-file-status {font-size:12px;min-height:34px}

/* Unchanged guest bundle gets the same presentation layer, scoped to its lobby. */
:root .guest-call-page.guest-call-page--lobby {
  --guest-bg:#009fa9;--guest-surface:#fff;--guest-text:#203746;--guest-muted:#607985;
  --guest-line:#d8e5e9;--guest-soft:#e2f3f2;--guest-accent:#008b95;
  background:var(--guest-bg);color:var(--guest-text);padding:28px 32px;gap:24px;
}
:root .guest-call-page.guest-call-page--lobby>.guest-brand {max-width:1240px;min-height:40px}
:root .guest-call-page--lobby .guest-brand-mark>img {
  content:url("/assets/external-brand-6f7e0aed925e.svg");width:172px;height:40px;border-radius:0;object-fit:contain;
}
:root .guest-call-page--lobby .guest-brand-mark>strong {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;
}
:root .guest-call-page--lobby .guest-entry-label {color:#fff;font-size:13px;gap:7px;background:#007781;border-radius:999px;padding:6px 10px}
:root .guest-call-page.guest-call-page--lobby .guest-call-lobby {
  max-width:1240px;grid-template-columns:minmax(0,1fr) 380px;gap:24px;padding:0;align-items:center;
}
:root .guest-call-page.guest-call-page--lobby .guest-preview-stage {
  border:1px solid #ffffff40;border-radius:24px;background:#183237;min-height:420px;max-height:640px;
}
:root .guest-call-page--lobby .guest-lobby-controls {
  background:#fff;color:#203746;padding:28px;border:1px solid #ffffffa6;border-radius:24px;
  box-shadow:0 12px 40px #00383d16;gap:16px;
}
:root .guest-call-page--lobby .guest-eyebrow {color:#00818a;font-size:11px}
:root .guest-call-page--lobby .guest-lobby-heading h1 {font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:8px 0 12px;color:#203746}
:root .guest-call-page--lobby .guest-subtitle {color:#607985;font-size:14px;line-height:1.5}
:root .guest-call-page--lobby .guest-inviter {padding:12px;background:#f1f7f7;border-color:#d8e5e9;border-radius:13px}
:root .guest-call-page--lobby .guest-inviter strong {color:#203746;font-size:15px}
:root .guest-call-page--lobby .guest-inviter>div>span {color:#607985}
:root .guest-call-page--lobby .guest-inviter-avatar {color:#00818a;background:#e2f3f2}
:root .guest-call-page--lobby .guest-name-label {color:#203746;font-size:14px}
:root .guest-call-page--lobby .guest-name-label input {border:1px solid #b9cfd5;background:#fff;color:#203746;border-radius:12px;font-size:16px;min-height:48px}
:root .guest-call-page--lobby .guest-readiness,:root .guest-call-page--lobby .guest-readiness small {color:#607985}
:root .guest-call-page--lobby .guest-readiness.is-ready {color:#00818a}
:root .guest-call-page.guest-call-page--lobby .guest-join {background:#008b95;color:#fff;border-radius:12px;min-height:48px;font-size:16px}
:root .guest-call-page--lobby .guest-join:not(:disabled):hover {background:#007781}
:root .guest-call-page--lobby .guest-join:disabled {background:#e1ebed;color:#536e79;opacity:1}
:root .guest-call-page--lobby .guest-entry-note {color:#607985;font-size:12px;margin:0;min-height:0}
:root .guest-call-page--lobby .guest-entry-message {border-color:#ffffffa6;border-radius:24px;box-shadow:0 12px 40px #00383d16;max-width:520px;padding:36px}
:root .guest-call-page--lobby .guest-message-symbol {background:#e2f3f2;color:#00818a}
:root .guest-call-page--lobby .guest-entry-message h1 {color:#203746}
:root .guest-call-page--lobby .guest-entry-message p {color:#607985}
:root .guest-call-page--lobby .guest-devices {background:#fff;color:#203746;border-color:#d8e5e9;border-radius:18px}
:root .guest-call-page--lobby .guest-devices select {background:#fff;color:#203746;border-color:#b9cfd5}
:root .guest-call-page--lobby .guest-lobby-error {background:#fff1ef;color:#a72b28;border-color:#efcfc9}
@media(max-width:760px) {
  .sk-external.sx-share-page,.sk-external.sx-intake-public {padding:24px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .sk-external>header {margin-bottom:18px;min-height:34px}
  .sk-external>header .sk-external-logo {width:148px;height:34px}
  .sk-external>.sx-public-card,.sk-external>.sx-intake-card {padding:26px 22px;border-radius:20px}
  .sk-external .sx-public-card h1,.sk-external .sx-intake-card h1 {font-size:25px}
  .sk-external .sx-share-video__details {padding:18px;gap:12px}
  .sk-external .sx-share-video__info h1 {font-size:16px}
  .sk-external .sx-share-video__info p {font-size:12px}
  .sk-external .sx-intake-heading {gap:8px;margin-bottom:18px;display:flex;flex-wrap:wrap}
  .sk-external .sx-intake-drop {padding:26px 14px;gap:16px}
  .sk-external .sx-intake-drop strong {font-size:15px}
  .sk-external .sx-intake-drop .sx-actions {width:100%;gap:10px;justify-content:center}
  .sk-external .sx-intake-drop .sx-actions>button {flex:1;white-space:nowrap}
  :root .guest-call-page.guest-call-page--lobby {padding:18px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:18px}
  :root .guest-call-page.guest-call-page--lobby>.guest-brand {max-width:480px;min-height:34px}
  :root .guest-call-page--lobby .guest-brand-mark>img {width:148px;height:34px}
  :root .guest-call-page--lobby .guest-entry-label {font-size:12px}
  :root .guest-call-page.guest-call-page--lobby .guest-call-lobby {grid-template-columns:minmax(0,1fr);gap:16px;max-width:480px}
  :root .guest-call-page.guest-call-page--lobby .guest-preview-stage {min-height:220px;max-height:340px;border-radius:20px;aspect-ratio:16/10}
  :root .guest-call-page--lobby .guest-lobby-controls {padding:24px 22px;border-radius:20px;gap:12px}
  :root .guest-call-page--lobby .guest-lobby-heading h1 {font-size:26px;margin:0 0 8px}
  :root .guest-call-page--lobby .guest-inviter {padding:10px 12px}
  :root .guest-call-page--lobby .guest-entry-note {font-size:12px}
}
@media(max-width:650px) {
  .sk-external.sx-public-folder {padding:16px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:0}
  .sk-external.sx-public-folder>header {margin:0 6px 10px;width:auto;flex:none}
  .sk-external .sx-public-folder-panel:not(.is-expanded):not(:fullscreen) {height:auto;min-height:0;flex:1;display:flex;background:transparent;border:0;border-radius:0;box-shadow:none}
  .sk-external .sx-public-mobile-logo {display:none}
  .sk-external .sx-public-mobile-row h1 {margin-left:6px}
  .sk-external .sx-public-mobile-row {min-height:48px}
  .sk-external .sx-explorer--public-mobile .sx-file-content {background:#fff;border-radius:18px 18px 0 0}
  .sk-external .sx-explorer--public-mobile .sx-file-status {background:#fff}
}
@media(max-width:390px) {
  .sk-external .sx-intake-drop .sx-actions {flex-direction:column}
  .sk-external>.sx-public-card,.sk-external>.sx-intake-card {padding:24px 18px}
  .sk-external.sx-intake-public>header>span {font-size:12px}
  .sk-external .sx-share-video__info h1 {font-size:15px}
  .sk-external .sx-share-video__details {padding:16px;gap:10px}
  .sk-external .sx-share-video__details a {width:44px;height:44px}
}
@media(max-height:500px) and (min-width:761px) {
  :root .guest-call-page.guest-call-page--lobby {padding:14px 24px;gap:14px}
  :root .guest-call-page.guest-call-page--lobby .guest-call-lobby {grid-template-columns:minmax(0,1fr) 340px;align-items:start}
  :root .guest-call-page.guest-call-page--lobby .guest-preview-stage {min-height:300px}
  :root .guest-call-page--lobby .guest-lobby-controls {padding:22px;gap:12px}
}