/* assets/style.css */
body{margin:0;background:#0b0b0b;color:#eee;font-family:sans-serif}
header{position:sticky;top:0;background:#0b0b0b;z-index:2}
.bar{display:flex;gap:.6rem;align-items:center;padding:12px;max-width:1100px;margin:0 auto}
.brand{font-weight:800}.brand span{color:#fff;background:#e11;padding:2px 6px;border-radius:6px;margin-right:6px}
input,select,button{background:#111;border:1px solid #333;color:#eee;border-radius:8px;padding:10px}
button.primary{background:#e11;border-color:#a00;color:#fff;font-weight:700}
main{max-width:1100px;margin:14px auto;padding:0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.card{background:#111;border:1px solid #222;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.meta{color:#9aa;font-size:.88rem;display:flex;gap:8px;flex-wrap:wrap}
.pill{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:999px;padding:2px 8px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.copy,.rewrite{cursor:pointer}
pre.aiout{background:#0f0f0f;border:1px solid #222;border-radius:10px;padding:10px;display:none;white-space:pre-wrap}
img.story{width:100%;height:180px;object-fit:cover;border-radius:10px;border:1px solid #222}
.footer{color:#99a;margin:24px;font-size:.86rem}