:root{color-scheme:dark;--bg:#15151a;--surface:#202026;--line:#34343d;--muted:#b5aeb5;--text:#f5f0e8;--soft:#e8d7cd;--brand:#681f36;--copper:#b98c76;--glow:#913956}*{box-sizing:border-box}
html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;position:relative;isolation:isolate}
body.light{color-scheme:light;--bg:#f5f0e8;--surface:#fffdfa;--line:#e3d5cc;--muted:#645660;--text:#19191d;--soft:#5b3240;--glow:#c89aab}
a{color:inherit}button,select{font:inherit}.wrap{max-width:1210px;margin:auto;padding:27px 32px 16px;position:relative;z-index:1}
.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(65px);opacity:.16;border-radius:50%}.ambient-a{width:440px;height:440px;top:20px;right:-40px;background:var(--glow)}.ambient-b{width:350px;height:350px;bottom:5%;left:-100px;background:var(--copper)}
.header,.logo,.settings,.section-head,.card-top,.card-footer,footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{text-decoration:none;justify-content:flex-start;gap:13px}.g-mark{width:45px;height:45px;display:grid;place-items:center;color:#fff;border-radius:12px;background:#681f36;font-size:30px;font-weight:850;line-height:1;letter-spacing:-3px;box-shadow:0 7px 26px #0002}.logo strong{display:block;font-size:21px;letter-spacing:.15em;line-height:1}.logo span{display:block;margin-top:6px;font-size:9px;letter-spacing:.22em;color:var(--copper);font-weight:750}.settings{gap:14px;align-items:end}.settings label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.settings select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 13px;min-width:110px;cursor:pointer;outline-color:var(--copper)}
.hero{padding:63px 0 34px;max-width:810px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--copper);font-weight:850;margin-bottom:18px}h1{font-size:clamp(35px,5vw,59px);letter-spacing:-.065em;font-weight:730;line-height:1.08;margin:0} .hero p{line-height:1.75;font-size:15px;color:var(--muted);max-width:660px;margin:18px 0 0}
.notice{display:flex;align-items:center;gap:14px;border:1px solid #b98c7648;background:color-mix(in srgb,var(--copper) 6%,var(--surface));border-radius:12px;padding:11px 16px;margin:0 0 46px;max-width:760px}.notice-mark{color:var(--copper);font-size:10px;letter-spacing:.09em;font-weight:850;border:1px solid #b98c7670;padding:5px 7px;border-radius:5px}.notice p{font-size:12px;color:var(--muted);margin:0;line-height:1.55}
h2{font-size:20px;letter-spacing:-.03em;margin:0;font-weight:690}.section-head{align-items:end;margin-bottom:20px}.section-head p{color:var(--muted);font-size:13px;margin:8px 0 0}#count{font-size:12px;color:var(--copper);font-weight:800;letter-spacing:.12em;white-space:nowrap}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool{min-height:194px;display:flex;flex-direction:column;justify-content:space-between;gap:23px;padding:22px;border-radius:17px;border:1px solid var(--line);background:var(--surface);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.tool:before{content:'';width:120px;height:120px;border-radius:50%;position:absolute;right:-70px;top:-70px;box-shadow:0 0 90px 45px #681f3615;pointer-events:none}.tool:hover,.tool:focus-visible{transform:translateY(-3px);border-color:#b98c7690;box-shadow:0 10px 24px #0002;outline:none}.card-top{justify-content:flex-start;gap:12px}.icon{flex:0 0 49px;display:grid;place-items:center;width:49px;height:49px;background:#681f3620;color:var(--copper);border:1px solid #b98c763a;border-radius:12px}.icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.name{font-size:16px;letter-spacing:-.018em;margin:0;font-weight:750}.version{font-size:10px;color:var(--copper);margin:7px 0 0}.desc{font-size:12px;line-height:1.65;color:var(--muted);margin:13px 0 0}.card-footer{border-top:1px solid var(--line);padding-top:13px;gap:10px;justify-content:space-between}.card-footer span{font-size:10px;color:var(--copper);font-weight:700;letter-spacing:.04em}.card-footer b{font-size:18px;color:var(--copper);font-weight:500}.advanced .card-footer span{color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:56px;padding:25px 0;color:var(--muted);font-size:11px;line-height:1.6;flex-wrap:wrap}footer em{font-style:normal;color:var(--copper)}
@media(max-width:950px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.wrap{padding:21px 18px 16px}.header{align-items:flex-start;flex-wrap:wrap;gap:20px}.settings{width:100%;justify-content:flex-start}.hero{padding-top:45px}.notice{margin-bottom:35px}.tools{grid-template-columns:1fr}.tool{min-height:160px}.section-head{align-items:flex-start}footer{margin-top:34px}}

.g-mark{overflow:hidden}.g-mark img{display:block;width:100%;height:100%;object-fit:contain}