:root{color-scheme:light;--ink:#152638;--muted:#647487;--blue:#0b5d8c;--blue-dark:#08476c;--line:#dfe7ed}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#dceef6 0,transparent 34%),linear-gradient(145deg,#f8fafb,#edf2f5);color:var(--ink);font:16px system-ui,-apple-system,"Segoe UI",sans-serif}.site-header{max-width:1080px;margin:auto;padding:28px 28px 0}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--blue),#168ab7);color:#fff;font-weight:800;box-shadow:0 7px 18px #0b5d8c33}.wrap{max-width:920px;margin:7vh auto;padding:24px}.card{background:#ffffffd9;padding:42px;border:1px solid #fff;border-radius:22px;box-shadow:0 18px 60px #23384c17;backdrop-filter:blur(12px)}h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.08;letter-spacing:-.045em}.hero{margin-bottom:34px}.eyebrow{display:block;margin-bottom:12px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted);font-size:1.05rem}.tool-grid{display:grid;gap:16px}.tool-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-tile:hover,.tool-tile:focus-visible{transform:translateY(-3px);border-color:#70a9c5;box-shadow:0 14px 32px #164a6820;outline:none}.tool-icon{display:grid;width:62px;height:62px;place-items:center;border-radius:17px;background:linear-gradient(145deg,#dceff7,#edf7fa);color:var(--blue)}.tool-icon svg{width:35px;height:35px;fill:currentColor}.tool-copy{display:grid;gap:5px}.tool-copy strong{font-size:1.16rem}.tool-copy span{color:var(--muted);line-height:1.45}.tool-arrow{color:var(--blue);font-size:1.7rem}.menu-note{margin:28px 0 0;color:var(--muted);font-size:.86rem}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#28a96b;box-shadow:0 0 0 4px #28a96b1c}textarea,input,select,button{width:100%;font:inherit;padding:12px;margin:7px 0 18px;border:1px solid #bbc3cc;border-radius:7px}button{background:var(--blue);color:white;border:0;cursor:pointer}button:hover{background:var(--blue-dark)}code,.secret{display:block;overflow-wrap:anywhere;background:#eef2f5;padding:16px;border-radius:7px;white-space:pre-wrap}.error{color:#9b1c1c}a{color:var(--blue)}@media(max-width:620px){.site-header{padding:20px 20px 0}.wrap{margin:3vh auto;padding:16px}.card{padding:25px 20px;border-radius:17px}.tool-tile{grid-template-columns:auto 1fr;gap:15px;padding:18px}.tool-arrow{display:none}.tool-icon{width:52px;height:52px}.tool-copy span{font-size:.9rem}}