:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#304158;--text:#eaf1ff;font-family:Segoe UI Variable,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#1b2c40,#0a111a 60%);margin:0;overflow:hidden}body{flex-direction:column;gap:10px;padding:12px;display:flex}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1521e0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.topbar h1{margin:0;font-size:18px}.topbar-title{min-width:0}.topbar-actions{align-items:center;gap:8px;display:inline-flex}.topbar-actions button{align-items:center;gap:6px;display:inline-flex}.topbar-actions .action-link{border:1px solid var(--line);color:var(--text);background:#152236;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;line-height:1;text-decoration:none;display:inline-flex}.topbar-actions .action-link:hover{border-color:#5d86aa}.topbar-actions button svg{fill:currentColor;opacity:.92;width:16px;height:16px}button{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#152236;border-radius:999px;padding:8px 12px}button:hover{border-color:#5d86aa}.layout{flex:1;width:100%;min-height:0}#appFrame{background:#0c1522;border:0;width:100%;height:100%;display:block}@media (width<=900px){.topbar{gap:10px;padding:8px 10px}.topbar h1{font-size:16px}.topbar-actions{gap:6px}button,.topbar-actions .action-link{padding:7px 10px;font-size:13px}}