:root {
        --ink: #2a1d10;
        --paper: #fff8f0;
        --amber: #b85a11;
        --line: #efd4b7;
        --card: #ffffff;
        --error: #b53333;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        background: linear-gradient(145deg, #fff1e3 0%, #fff 50%, #f4efe7 100%);
        font-family: "IBM Plex Sans", "Avenir Next", "Trebuchet MS", sans-serif;
        color: var(--ink);
      }
      .wrap { max-width: 860px; margin: 0 auto; padding: 40px 18px 72px; }
      .card {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 16px;
        box-shadow: 0 12px 30px rgba(42, 29, 16, 0.08);
        padding: 22px;
        margin-bottom: 14px;
      }
      h1, h2 { margin-top: 0; }
      label { font-weight: 700; font-size: 0.95rem; display: block; margin-bottom: 6px; }
      input, button {
        width: 100%;
        border-radius: 10px;
        border: 1px solid var(--line);
        padding: 11px 12px;
        font: inherit;
      }
      button {
        background: var(--amber);
        color: #fff;
        font-weight: 700;
        cursor: pointer;
      }
      button.secondary {
        background: #fff;
        color: var(--ink);
      }
      .row { display: grid; gap: 10px; }
      .activate-actions { margin-top: 10px; }
      .muted { color: #6b5543; font-size: 0.95rem; }
      .status { font-size: 0.95rem; padding: 10px; border-radius: 10px; background: #fff3e8; }
      .error { color: var(--error); }
      pre {
        background: #fff4e8;
        border-radius: 10px;
        padding: 12px;
        overflow-x: auto;
        font-family: "IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;
      }
      .hidden { display: none; }
      a { color: var(--amber); }