:root { font-family: system-ui, sans-serif; color-scheme: dark; background:#101318; color:#eef2f7 }
* { box-sizing:border-box } body { margin:0 } button,input,textarea { font:inherit }
.shell { max-width:1100px; margin:0 auto; padding:24px }.hidden{display:none!important}.card{background:#181d25;border:1px solid #303846;border-radius:14px;padding:18px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.layout{display:grid;grid-template-columns:1fr 300px;gap:16px}.chat{min-height:65vh;display:flex;flex-direction:column}
#messages{flex:1;overflow:auto;max-height:60vh}.msg{padding:10px 0;border-bottom:1px solid #29313e}.meta{font-size:.8rem;color:#aeb8c6}.error{color:#ffb4b4}.ok{color:#a6f3c0}
form{display:grid;gap:10px}input,textarea,button{border-radius:9px;border:1px solid #3a4657;padding:10px;background:#11161d;color:inherit}textarea{min-height:80px;resize:vertical}button{cursor:pointer;background:#2d6cdf;border:0;font-weight:650}button.secondary{background:#303846}
.seed{font-family:ui-monospace,monospace;word-break:break-all;background:#0f1318;padding:12px;border-radius:8px}.row{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:800px){.layout{grid-template-columns:1fr}}
.key-panel{margin-bottom:16px;border:2px solid #5d8df0;background:#182238}
.key-panel h2{margin-top:0}.key-panel input{min-width:min(100%,420px);flex:1}.key-state{font-weight:650}
.seed-warning{margin-top:14px;padding:14px;border:2px solid #f0c75e;border-radius:10px;background:#2b2516}
.attention{animation:keyPulse .6s ease-in-out 3}@keyframes keyPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 6px rgba(93,141,240,.35)}}