/* Pupae Studio: what the web version adds to the desktop shell's style.css. */

/* Docked plugins: sandboxed frames inside the dock area. */
#dock-area iframe.plugin-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #fff; }
#dock-area iframe.plugin-frame[hidden] { display: none; }
#dock-area.frames-off iframe.plugin-frame { visibility: hidden; }

/* No API key and no service address to set on the web. */
#key-box, #cloud-url-row { display: none !important; }

/* Login */
.web-login { position: fixed; inset: 0; z-index: 10; display: grid; place-items: center; background: var(--bg); padding: 16px; }
.web-login[hidden] { display: none; }
.web-login form { width: min(380px, 100%); display: grid; gap: 12px; padding: 24px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel); }
.web-login h1 { margin: 0; font-size: 22px; }
.web-login p { margin: 0; }
.web-login label { display: grid; gap: 6px; }
.web-login input { padding: 8px 10px; }
.web-login .row { display: flex; justify-content: flex-end; gap: 8px; }
.web-login .err { color: var(--err); }
.web-login .web-logo { color: var(--accent); }