body{font-family:system-ui,Arial,sans-serif;max-width:900px;margin:0 auto;padding:16px;color:#222}
header h1{margin:0}small{color:#666;font-weight:400}
.warn{background:#fff3cd;border:1px solid #e6c200;padding:10px;border-radius:8px}
nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
nav button{padding:8px 12px;border:1px solid #ccc;background:#fff;border-radius:8px;cursor:pointer}
nav button.active{background:#1e3a5f;color:#fff}
.tab{display:none}.tab.active{display:block}
.chatlog{border:1px solid #ddd;border-radius:8px;padding:10px;min-height:120px;margin:10px 0}
.chatlog .u{color:#1e3a5f}.chatlog .b{color:#2d6a4f}
.row{display:flex;gap:8px}.row input{flex:1}
input,select{padding:8px;border:1px solid #ccc;border-radius:6px;width:100%;box-sizing:border-box}
button{padding:9px 14px;border:none;background:#2d6a4f;color:#fff;border-radius:8px;cursor:pointer;margin:6px 0}
button.secondary{background:#666}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.card{border:1px solid #ddd;border-radius:8px;padding:12px;margin:10px 0}
.card.draft{border-left:5px solid #e6c200}.card.approved{border-left:5px solid #2d6a4f}.card.published{border-left:5px solid #1e3a5f}
pre{white-space:pre-wrap;background:#f6f6f6;padding:10px;border-radius:8px}
code{background:#eee;padding:2px 4px;border-radius:4px}
label{font-size:14px}