body{font:14px/1.5 system-ui;background:#f6f7fb;margin:0}
.toolbar{position:sticky;top:0;background:#10162f;color:#fff;padding:10px 16px;display:flex;gap:10px;align-items:center}
.toolbar h1{font-size:16px;margin:0;flex:1}
main{max-width:1200px;margin:18px auto;padding:0 16px}
.panel{background:#fff;border-radius:12px;box-shadow:0 2px 7px rgba(0,0,0,.06);padding:16px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
textarea{width:100%;min-height:240px;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;font-size:13px;border:1px solid #e5e7eb;border-radius:8px;padding:10px}
button{background:#0b5;border:0;color:#fff;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}
button.secondary{background:#334155}
pre{background:#0b1220;color:#d1e9ff;padding:12px;border-radius:8px;overflow:auto}
.note{font-size:12px;color:#475569}
.success{color:#0a824e;font-weight:700}
.warn{color:#b45309;font-weight:700}