html, body { margin: 0; height: 100%; background: #1e1e1e; color: #eee; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
body { display: flex; flex-direction: column; }
#bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; padding: 6px 12px; background: #2d2d2d; border-bottom: 1px solid #444; font-size: 14px; }
#status.ok { color: #7ed37e; }
#status.error { color: #ff8a80; }
.actions { display: flex; flex-wrap: wrap; gap: 6px; }
button { background: #444; color: #eee; border: 1px solid #555; border-radius: 4px; padding: 4px 10px; font-size: 13px; cursor: pointer; }
button:disabled { opacity: .45; cursor: default; }
button:not(:disabled):hover { background: #555; }
#screen { flex: 1; min-height: 0; overflow: hidden; }
dialog { background: #2d2d2d; color: #eee; border: 1px solid #555; border-radius: 6px; max-width: 480px; width: 90%; }
dialog textarea { width: 100%; box-sizing: border-box; margin: 8px 0; background: #1e1e1e; color: #eee; border: 1px solid #555; }
dialog menu { display: flex; justify-content: flex-end; gap: 6px; padding: 0; margin: 0; }