:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
body { margin: 0; background: #0b0f14; color: #e9eef5; }
header { padding: 18px 22px; border-bottom: 1px solid #1b2532; background: #0b0f14; position: sticky; top: 0; }
h1 { margin: 0; font-size: 20px; letter-spacing: 0.06em; }
.tag { margin-top: 6px; color: #9fb0c5; font-size: 13px; }
main { padding: 18px 22px; display: grid; gap: 14px; max-width: 980px; }
.card { background: #0f1620; border: 1px solid #1b2532; border-radius: 14px; padding: 14px; }
.card h2 { margin: 0 0 10px 0; font-size: 16px; }
.row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
input[type="text"] { min-width: 320px; padding: 10px; border-radius: 10px; border: 1px solid #233246; background: #0b0f14; color: #e9eef5; }
input[type="file"] { color: #9fb0c5; }
button { padding: 10px 12px; border-radius: 10px; border: 1px solid #233246; background: #141f2c; color: #e9eef5; cursor: pointer; }
button:disabled { opacity: 0.55; cursor: not-allowed; }
.muted { color: #9fb0c5; font-size: 13px; margin-top: 8px; white-space: pre-wrap; }
pre { background: #0b0f14; border: 1px solid #233246; border-radius: 12px; padding: 12px; overflow: auto; max-height: 320px; }
.small { font-size: 12px; color: #9fb0c5; }