:root{--bg-top:#2b3440;--bg-bottom:#0f1318;--panel:#12161cc7;--text:#eef1f5;--muted:#9aa5b3;--accent:#6aa9ff;--border:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:radial-gradient(120% 90% at 50% 25%, var(--bg-top), var(--bg-bottom));margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;width:min(340px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;position:fixed;bottom:16px;left:16px;overflow-y:auto}h1{margin:0 0 2px;font-size:16px}.hint{color:var(--muted);margin:0 0 12px}.row{gap:8px;margin-bottom:8px;display:flex}button,.button{border:1px solid var(--border);color:var(--text);font:inherit;text-align:center;cursor:pointer;background:#ffffff0f;border-radius:8px;flex:1;padding:8px 10px}button:hover:not(:disabled),.button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.active{border-color:var(--accent);background:#6aa9ff2e}.slider{color:var(--muted);gap:4px;margin:10px 0 6px;display:grid}.slider input{width:100%;accent-color:var(--accent)}.check{color:var(--muted);align-items:center;gap:6px;display:flex}#status{min-height:1.45em;color:var(--muted);margin:10px 0 0}#meters{color:var(--muted);grid-template-columns:auto 1fr;gap:3px 8px;margin-top:10px;font-size:11px;display:grid}#meters .bar{background:var(--accent);transform-origin:0;border-radius:4px;height:8px;margin-top:3px}#drop{border:2px dashed var(--accent);pointer-events:none;background:#0f131899;border-radius:16px;place-items:center;font-size:20px;display:none;position:fixed;inset:12px}body.dragging #drop{display:grid}@media (width<=600px){.panel{width:auto;left:16px;right:16px}}#meters[hidden]{display:none}details{border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:12px}summary{cursor:pointer;margin-bottom:8px;font-weight:600}.field{color:var(--muted);gap:4px;margin-bottom:8px;display:grid}.field small{font-size:11px}.grow{flex:1;min-width:0}input[type=password],select,textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#00000040;border-radius:8px;padding:7px 9px}textarea{resize:vertical;margin:2px 0 8px}button.primary{border-color:var(--accent);background:#6aa9ff38;width:100%}
