@import url('./styles/original-loading.css?v=GP5.06');
:root { color-scheme:dark; font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#060b14; color:#edf3fa; --deeper-muted:#a1b4c8; --deeper-text:#edf3fa; }
* { box-sizing:border-box; } html,body { margin:0; width:100%; height:100%; overflow:hidden; }
[hidden] { display:none!important; }
body,#workspace { position:relative; width:100%; height:100%; }
#workspace { display:flex; flex-direction:column; }
.application-host-status { position:absolute!important; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.application-host-surface { flex:1; min-height:0; width:100%; position:relative; isolation:isolate; transform-style:flat; }
.application-host-frame { width:100%; height:100%; display:block; border:0; background:#060b14; }
.application-host-frame[aria-disabled=true] { pointer-events:none; }
.runtime-cover { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; background:rgba(5,12,21,.65); backdrop-filter:blur(5px); }
/* AINOTE: Frost covers the application until binding-ready. The logo has no panel; error/support chrome is independent. */
.runtime-cover[data-mode=loading] { background:rgba(5,12,21,.38); backdrop-filter:blur(9px); }
.runtime-cover[data-mode=loading] .runtime-dialog { background:transparent; border:0; border-radius:0; box-shadow:none; }
.runtime-dialog { width:min(560px,100%); padding:28px; border:1px solid rgba(150,190,220,.20); border-radius:14px; background:#102132; box-shadow:0 22px 70px rgba(0,0,0,.35); text-align:center; }
/* Loading geometry is owned only by the shared loading stylesheet. */
@media(max-width:720px) {
 .runtime-cover { padding:12px; }
 .runtime-dialog { padding:14px 12px; }
}
#message { margin:0 0 20px; color:#b9ccdf; }
#runtime-error { color:#ffccd1; padding:0; margin:0 0 20px; overflow-wrap:anywhere; text-align:left; }
#return { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid #40616e; border-radius:8px; padding:10px 15px; font:inherit; color:#edf3fa; background:#173840; cursor:pointer; }
#return:hover { background:#204a51; } #return:focus-visible { outline:2px solid #75d7cf; outline-offset:3px; }
@supports not (backdrop-filter:blur(5px)) { .runtime-cover { background:rgba(5,12,21,.96); } }
@media(prefers-reduced-motion:reduce) { .runtime-cover { backdrop-filter:none; } }

/* Local interface sizing, not camera zoom. No gesture, wheel or keyboard override. */
.application-host-surface--display-scale { overflow:hidden; }
.application-host-surface--display-scale > .application-host-frame {
  position:absolute; inset:0 auto auto 0;
  width:var(--pd-display-size,100%); height:var(--pd-display-size,100%);
  transform:scale(var(--pd-display-factor,1)); transform-origin:top left;
}
/* Support chrome stays outside the single-iframe capture rectangle. No canvas copies. */
:root { --deeper-panel:#10202f; --deeper-bg:#060b14; }
.runtime-support-launcher {
  flex:0 0 auto; min-width:0; display:flex; align-items:center; justify-content:flex-end; gap:12px;
  padding:3px 8px; border-top:1px solid #253f50; background:linear-gradient(110deg,#0d1927,#0b232b);
  color:#b9ccd9; font-size:12px;
}
.runtime-support-launcher > span { margin-right:auto; min-width:0; overflow-wrap:anywhere; }
.runtime-support-launcher button, #runtime-support-panel button {
  border:1px solid #46747a; border-radius:6px; padding:5px 12px; min-height:30px;
  background:#132f3c; color:#e5f5f7; font:inherit; cursor:pointer;
}
.runtime-support-launcher button:focus-visible, #runtime-support-panel button:focus-visible { outline:2px solid #7ce0d0; outline-offset:2px; }

#runtime-support-panel button:disabled { opacity:.5; cursor:default; }
#runtime-support-panel a { color:#8ae0d6; }
@media (max-width:600px) { .runtime-support-launcher { gap:6px; font-size:11px; } }

/* A pending request is a notification only; sharing still needs local approval. */
.runtime-support-launcher button.has-request { border-color: #ac89e0; box-shadow: 0 0 0 1px rgb(172 137 224 / .2); }

/* Local sibling controls are excluded by Element Capture; region-only capture pauses before display. */
#workspace.runtime-support-collapsed #runtime-support-panel { display:none!important; }
#runtime-support-panel {
 position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 20px));
 height:auto;min-height:0;max-height:calc(100dvh - 20px);overflow:auto;margin:0;padding:13px;border:1px solid #416d80;border-radius:12px;
 background:linear-gradient(140deg,#142a38,#0b1b2a);box-shadow:0 16px 64px #0009;align-self:auto;flex:none;font:13px/1.45 system-ui,sans-serif;
}
#runtime-support-panel .support-card-heading {display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-bottom:8px;}
#runtime-support-panel .support-card-heading>strong {flex:1;min-width:0;cursor:move;touch-action:none;font-size:14px;}
#runtime-support-panel .support-card-heading button {padding:4px 8px;font-size:12px;white-space:nowrap;}
#runtime-support-panel .support-details-text {max-height:45vh;overflow:auto;font-size:12px;}
#runtime-support-panel .support-clock {display:block;padding:9px 10px;border:1px solid #396274;border-radius:8px;font-size:15px;font-variant-numeric:tabular-nums;}
#runtime-support-panel .support-policy {display:block;font-size:11px;color:#a9c3d0;margin:4px 0 8px;}
#runtime-support-panel .support-stop {border-color:#b87480;background:#492638;}
#runtime-support-panel .pd-info-button {border-radius:50%;width:26px;min-height:26px;padding:0;}


.runtime-support-launcher button[data-connection=healthy] {border-color:#73ffa7;color:#c5ffdb;background:#103b28;}
.runtime-support-launcher button[data-connection=degraded],.runtime-support-launcher button[data-connection=connecting] {border-color:#ffb45d;background:#382719;}
.runtime-support-launcher button[data-connection=ended] {border-color:#ff6577;background:#3b1b26;}

/* Only applications without a reviewed local dock use this small host-owned control. */
.runtime-graphics-launcher{position:absolute;right:8px;bottom:8px;z-index:12;font:12px/1.4 system-ui,sans-serif;padding:4px 9px;border:1px solid #46747a;border-radius:6px;background:#132f3c;color:#e5f5f7;cursor:pointer}