:root{color-scheme:light dark}html.dark select,html.dark input,html.dark textarea{color-scheme:dark}html.light select,html.light input,html.light textarea{color-scheme:light}select option{background:var(--bg);color:var(--fg)}html.dark{--bg: #0b0d10;--fg: #eef1f6;--muted: rgba(238, 241, 246, .72);--border: rgba(210, 215, 224, .22);--borderHover: rgba(210, 215, 224, .5);--panel: rgba(255,255,255,.04);--card: rgba(255,255,255,.06);--btn: rgba(255,255,255,.08);--btnStrong: rgba(255,255,255,.14);--supportBtn: #0b5d2a;--supportBtnHover: #0a4f24;--supportBtnText: #f5fff7;--favStroke: #685a2e;--favFill: #f1c232}html.light{--bg: #ffffff;--fg: #111827;--muted: rgba(17, 24, 39, .7);--border: rgba(17, 24, 39, .22);--borderHover: rgba(17, 24, 39, .45);--panel: rgba(17,24,39,.04);--card: rgba(17,24,39,.05);--btn: rgba(17,24,39,.06);--btnStrong: #eef2f7;--supportBtn: #0b5d2a;--supportBtnHover: #0a4f24;--supportBtnText: #f5fff7;--favStroke: #c6a128;--favFill: #ffc635}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:24px}header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.brand{font-weight:750;letter-spacing:.2px;font-size:clamp(18px,1.6vw,22px);line-height:1.15}.brandLink{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brandMark{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--card);flex:0 0 auto}.brandIcon{width:44px;height:44px;display:block}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}.card{border:1px solid var(--border);border-radius:14px;padding:14px;text-decoration:none;color:inherit;background:var(--card);overflow-wrap:anywhere;word-break:break-word}.card:hover{border-color:var(--borderHover)}.pillrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.pill{font-size:11px;border:1px solid var(--border);padding:1px 7px;border-radius:999px;opacity:.95;max-width:100%;overflow-wrap:anywhere;word-break:break-word}footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;text-align:center}.banner{margin-top:14px;border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--card)}.banner.placeholder{border-style:dashed}button,input,select,textarea{font:inherit}input[type=number]{width:120px}textarea{width:100%;min-height:160px;resize:vertical}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.panel{border:1px solid var(--border);border-radius:14px;padding:16px;margin-top:16px;background:var(--panel)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.danger{color:#b00020}.ok{color:#0a7a30}.catFilter{margin-top:12px;display:grid;gap:8px}.catChips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.catChip{border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:13px;background:var(--card);color:inherit;cursor:pointer}.catChip:hover{border-color:var(--borderHover)}.catChip[aria-pressed=true]{background:var(--btn);border-color:var(--borderHover)}.catChip:focus-visible{outline:2px solid var(--borderHover);outline-offset:2px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar button{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--btnStrong);color:var(--fg);cursor:pointer}.toolbar button:hover{border-color:var(--borderHover)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;opacity:.85}.field input,.field textarea,.field select{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prefs{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:100%}.prefsRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%}.prefs select,.prefs button{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--btn);color:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prefs select{width:clamp(140px,16vw,200px)}.prefs button{min-width:88px;text-align:center}.prefs select:hover,.prefs button:hover{border-color:var(--borderHover)}nav{display:flex;gap:10px;flex-wrap:wrap;max-width:100%;justify-content:flex-end}nav a{text-decoration:none;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav a:hover{text-decoration:underline}.supportBtn{background:var(--supportBtn);border-color:transparent;color:var(--supportBtnText)}.supportBtn:hover{background:var(--supportBtnHover)}.tool-card{position:relative}.toolHead{display:flex;align-items:center;gap:8px}.toolTitle{flex:1 1 auto;min-width:0}.favBtn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;border:1px solid var(--border);background:var(--btn);color:var(--favStroke);cursor:pointer}.favBtn:hover{border-color:var(--borderHover)}.favBtn svg{width:18px;height:18px}.favBtn .starFilled{fill:var(--favFill)}.favBtn .starFilled path{stroke:var(--favStroke);stroke-width:1.25;paint-order:stroke fill}.favBtn .starFilled{display:none}.favBtn[aria-pressed=true] .starFilled{display:block}.favBtn[aria-pressed=true] .starOutline{display:none}.favBtn.isCard{position:static;margin-left:auto}