*{box-sizing:border-box}:root{--bg:#f5f7fb;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--panel:#111827}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.container,body{min-height:100vh}.container{display:grid;grid-template-columns:360px 1fr}.sidebar{background:var(--panel);color:#fff}.main,.sidebar{padding:24px}.title{font-size:28px;font-weight:700;margin-bottom:10px}.subtitle{font-size:14px;color:#cbd5e1;margin-bottom:20px;line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}.sidebar .card{color:var(--ink)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid #d1d5db;padding:8px 12px;border-radius:999px;cursor:pointer;background:#fff}.tab.active{background:var(--panel);color:#fff;border-color:var(--panel)}input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}textarea{min-height:220px;resize:vertical}button.primary{background:var(--panel);color:#fff;border:none;border-radius:10px}button.primary,button.secondary{padding:10px 16px;cursor:pointer}button.secondary{background:#fff;color:var(--ink);border:1px solid #d1d5db;border-radius:10px}button:disabled{opacity:.6;cursor:not-allowed}.section-title{font-size:16px;font-weight:700;margin-bottom:10px}.list{padding-left:20px;line-height:1.6}pre{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.meta{font-size:13px;color:var(--muted)}@media (max-width:900px){.container{grid-template-columns:1fr}.sidebar{padding-bottom:8px}.main{padding-top:12px}}