body{font-family:system-ui,Arial,sans-serif;margin:0;background:#f6f8fa;color:#24292f;}header{padding:14px 18px;background:#0d1117;border-bottom:1px solid #30363d;color:#e6edf3;display:flex;align-items:center;justify-content:space-between;}header h1{margin:0;font-size:18px;}header span{font-size:12px;color:#8b949e;}main{max-width:920px;margin:0 auto;padding:18px;display:grid;gap:14px;}section.card{background:#fff;border:1px solid #d0d7de;border-radius:8px;box-shadow:0 1px 0 rgba(1,4,9,.1);}section.card .inner{padding:14px;}label{font-weight:600;}textarea,input[type=text]{width:100%;box-sizing:border-box;border:1px solid #d0d7de;border-radius:6px;padding:10px;font-size:14px;}textarea{min-height:120px;resize:vertical;}pre{background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;padding:10px;white-space:pre-wrap;word-break:break-word;min-height:80px;font-size:14px;}button,.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #d0d7de;border-radius:6px;padding:8px 10px;background:#fff;font-size:14px;cursor:pointer;user-select:none;transition:background .15s,border-color .15s;}button:hover,.btn:hover{background:#f3f4f6;}button.primary{background:#1f6feb;color:#fff;border-color:#1f6feb;}button.primary:hover{background:#1b5fdb;}fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;}small{color:#57606a;font-size:12px;}@media (max-width: 600px){header{flex-direction:column;align-items:flex-start;gap:6px;}main{padding:12px;}}