body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; padding: 24px; background: #0b1727; color: #e8eef6; }
.card { background: #13253b; border: 1px solid #274362; border-radius: 12px; padding: 20px; max-width: 1100px; margin: 0 auto; box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
h1 { margin: 0 0 16px; font-size: 22px; }
form { display: flex; gap: 8px; margin-bottom: 16px; }
input[type=text] { flex: 1; padding: 10px 12px; border-radius: 8px; border: 1px solid #2d4f73; background: #0f2033; color: #e8eef6; }
button { padding: 10px 14px; border-radius: 8px; border: 1px solid #3a6ea5; background: #1b3b5a; color: #e8eef6; cursor: pointer; }
button:disabled { opacity: .6; cursor: not-allowed; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.panel { background: #0f2033; border: 1px solid #2d4f73; border-radius: 8px; padding: 12px; min-height: 240px; }
.panel h2 { margin: 0 0 10px; font-size: 16px; color: #a8c7e6; }
.msg { white-space: pre-wrap; line-height: 1.4; }
.error { color: #ff9aa2; margin-top: 8px; }
.muted { color: #9fb3c8; font-size: 12px; }