:root{--bg:#f5f6f8;--card:#ffffff;--text:#111827;--muted:#6b7280;--border:#d1d5db;--brand:#2b9cf1}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text)}header{background:var(--brand);color:white;padding:14px 18px}header .bar{display:flex;align-items:center;justify-content:space-between;max-width:980px;margin:0 auto}header a{color:white;text-decoration:none;margin-left:16px;font-weight:600}main{max-width:980px;margin:0 auto;padding:28px 18px 56px}h1{font-size:34px;margin:0 0 18px}.section-title{font-size:22px;margin:24px 0 10px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media (max-width:880px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}textarea{width:100%;min-height:220px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:10px;font-size:15px;line-height:1.4;outline:none}textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.35)}.controls{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer}button.primary{background:#111827;color:#fff;border-color:#111827}button:disabled{opacity:.6;cursor:not-allowed}.notice{color:var(--muted);font-size:13px;margin-left:auto}.error{color:#b91c1c;font-size:13px;margin-top:10px;white-space:pre-wrap}footer{border-top:1px solid var(--border);padding:18px;color:var(--muted);text-align:center;background:#fff}