*{box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif}
body{margin:0;background:var(--bg);color:var(--text);transition:background-color 220ms ease,color 220ms ease}
.wrap{max-width:900px;margin:36px auto;padding:20px;background:var(--card);border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,0.06);border:1px solid var(--border)}
.muted{color:var(--muted)}
.controls{display:flex;gap:8px;align-items:center;margin:12px 0}
select,button,textarea{font-size:14px}
textarea{width:100%;height:160px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
.editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#preview{min-height:160px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}
.suggestions{margin-top:14px}
.suggestion{padding:8px;border-bottom:1px solid rgba(0,0,0,0.04);display:flex;gap:8px;align-items:flex-start}
.suggestion .meta{flex:1}
.suggestion button{background:var(--accent);color:#fff;border:none;padding:6px 8px;border-radius:6px;cursor:pointer}
.highlight{background:linear-gradient(90deg,rgba(52,102,242,0.12),rgba(52,102,242,0.04));border-bottom:2px solid rgba(52,102,242,0.25)}
.notes pre{background:var(--card);color:var(--muted);padding:10px;border-radius:8px;border:1px solid var(--border)}