:root{--bg:#f6f8fb;--card-bg:#ffffff;--text:#1f2937;--muted:#6b7280;--brand:#0ea5e9;--brand-dark:#0284c7;--border:#e5e7eb;--shadow:0 6px 18px rgba(15,23,42,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto}.app{max-width:1040px;margin:0 auto;padding:28px}.app-title{margin:0;font-weight:700;letter-spacing:.2px}.toolbar{display:flex;align-items:center;gap:12px;margin-top:8px;color:var(--muted)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.card-title{font-weight:600}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn-secondary{background:#fff}.btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.grid{display:flex;gap:10px;flex-wrap:wrap}.muted{color:var(--muted)}.mono{background:#f7f9fc;border:1px solid var(--border);padding:12px;border-radius:10px;overflow:auto}input,select{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#fff}label{color:var(--muted)}.section-header{display:flex;align-items:center;justify-content:space-between}