:root{--bg:#ffffff;--fg:#1a1a1a;--muted:#6b6b6b;--line:#dddddd;--accent:#1f5e2e;--error:#b3261e;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#141414;--fg:#eeeeee;--muted:#9a9a9a;--line:#333333;--accent:#6cc183;--error:#ff8a80}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,sans-serif}main{max-width:960px;margin:0 auto;padding:24px 16px 64px}main.narrow{max-width:360px;padding-top:15vh}header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:960px;margin:0 auto;padding:12px 16px;border-bottom:1px solid var(--line)}header.top a{color:inherit;text-decoration:none;font-weight:600}header.top nav{display:flex;gap:16px;align-items:center}header.top nav a{font-weight:400;color:var(--muted)}h1{font-size:1.5rem;margin:0 0 16px}h2{font-size:1.1rem;margin:28px 0 8px}a{color:var(--accent)}.stack{flex-direction:column;gap:14px}.row,.stack{display:flex}.row{flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}button,input,select,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 10px}input[type=color]{padding:2px;width:48px;height:36px}input[type=checkbox]{width:auto}.button,button{background:var(--accent);color:#fff;border:0;cursor:pointer;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block}.button.secondary,button.secondary{background:transparent;color:var(--fg);border:1px solid var(--line)}button:disabled{opacity:.5;cursor:default}.error{color:var(--error)}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500;color:var(--muted);font-size:.85rem}.table-wrap{overflow-x:auto}.swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--line);vertical-align:-2px;margin-right:6px}.status{font-size:.8rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.status.generated{border-color:var(--accent);color:var(--accent)}.status.failed{border-color:var(--error);color:var(--error)}.previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.previews img{width:100%;background:#fff}.previews img,.results{border:1px solid var(--line);border-radius:6px}.results{max-height:240px;overflow-y:auto}.results button{display:block;width:100%;text-align:left;background:none;color:var(--fg);border-radius:0;border-bottom:1px solid var(--line)}.routes{display:grid;grid-gap:6px;gap:6px}.routes label{flex-direction:row;align-items:center;gap:10px;color:var(--fg)}dl{display:grid;grid-template-columns:max-content 1fr;grid-gap:4px 16px;gap:4px 16px;margin:0}dt{color:var(--muted)}dd{margin:0}pre{white-space:pre-wrap;font-size:.8rem;background:rgba(127,127,127,.1);padding:8px;border-radius:6px}