*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0d1117;color:#e6edf3;min-height:100vh;padding:2rem 1rem}
.container{max-width:860px;margin:0 auto}
header{text-align:center;margin-bottom:2rem}
h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;background:linear-gradient(135deg,#58a6ff,#bc8cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.subtitle{color:#8b949e;font-size:.95rem;margin-top:.25rem}
.form-box{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}
.field{margin-bottom:1.25rem;display:block}
.label{display:block;font-size:.85rem;color:#8b949e;margin-bottom:.5rem}
.label em{color:#6e7681;font-style:italic}
textarea{width:100%;background:#0d1117;border:1px solid #30363d;color:#e6edf3;border-radius:8px;padding:.75rem;font-size:1rem;font-family:inherit;resize:vertical}
textarea:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}
.toggle{display:flex;gap:1rem}
.opt{display:inline-flex;align-items:center;gap:.4rem;background:#21262d;border:1px solid #30363d;border-radius:8px;padding:.5rem .9rem;cursor:pointer;color:#c9d1d9}
.opt input{accent-color:#58a6ff}
.opt:has(input:checked){border-color:#58a6ff;background:#1f6feb22}
button[type="submit"]{width:100%;background:linear-gradient(135deg,#1f6feb,#8957e5);color:#fff;border:none;padding:.85rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer}
button[type="submit"]:disabled{opacity:.6;cursor:not-allowed}
.status{margin-top:.75rem;font-size:.9rem;color:#8b949e;min-height:1.2em}
.status.error{color:#ff7b72}
.status.info{color:#58a6ff}
.doc{background:#161b22;border:1px solid #30363d;border-radius:12px;overflow:hidden}
.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1c2128;border-bottom:1px solid #30363d;flex-wrap:wrap}
.doc-model{font-size:.8rem;color:#8b949e}
.doc-actions{display:flex;gap:.5rem}
.doc-actions button{background:#21262d;border:1px solid #30363d;color:#e6edf3;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}
.doc-actions button:hover{background:#30363d;border-color:#58a6ff}
.doc-body{padding:1.5rem;line-height:1.7;font-size:.95rem}
.doc-body h1{font-size:1.5rem;background:none;-webkit-text-fill-color:#e6edf3;margin:1rem 0 .6rem;text-align:left}
.doc-body h2{font-size:1.15rem;color:#58a6ff;margin:1.4rem 0 .6rem;border-bottom:1px solid #21262d;padding-bottom:.3rem}
.doc-body h3{font-size:1rem;color:#bc8cff;margin:1rem 0 .4rem}
.doc-body p{margin:.4rem 0}
.doc-body ul,.doc-body ol{margin:.4rem 0 .4rem 1.4rem}
.doc-body li{margin:.25rem 0}
.doc-body strong{color:#e6edf3}
.doc-body code{background:#21262d;border-radius:4px;padding:.1rem .3rem;font-size:.85em;color:#79c0ff}