:root{--bg:#e7eef3;--bg-deep:#d5e0e8;--ink:#132033;--muted:#5a6a7a;--line:#1320331f;--accent:#0f7a6c;--accent-ink:#f2fffc;--panel:#f7fbfdd1;--ok:#0f7a6c;--bad:#9b2c2c;--add:#d7eee8;--del:#f5dede;--shadow:0 18px 50px #13203314;--radius:18px;--font:"DM Sans", sans-serif;--display:"Instrument Serif", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*,:after,:before{box-sizing:border-box}body,html{background:radial-gradient(1200px 600px at 10% -10%,#f4fafc 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#c9dbe6 0,transparent 50%),linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 100%);min-height:100%;color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:1.25rem 0 4rem}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;padding:.5rem 0 1.5rem;display:flex}.wordmark{font-family:var(--display);letter-spacing:.01em;align-items:center;gap:.65rem;font-size:1.65rem;display:inline-flex}.mark{background:var(--accent);border-radius:.2rem;width:.85rem;height:.85rem;box-shadow:.35rem .35rem #17150f1f}.site-note{color:var(--muted);margin:0;font-size:.92rem}.hero{padding:1.5rem 0 1.75rem;animation:.7s both rise}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 .75rem;font-size:.78rem;font-weight:600}.hero h1{max-width:14ch;font-family:var(--display);margin:0 0 1.25rem;font-size:clamp(2.8rem,7vw,4.6rem);font-weight:400;line-height:.95}.hero h1 em{color:#3d5163;font-style:italic}.search{width:min(420px,100%);display:block}.field input,.inline-field input,.inline-field select,.pane textarea,.search input{border:1px solid var(--line);background:var(--panel);border-radius:12px;outline:none;width:100%;padding:.85rem 1rem;transition:border-color .2s,background .2s}.field input:focus,.inline-field input:focus,.inline-field select:focus,.pane textarea:focus,.search input:focus{background:#f8fcfd;border-color:#0f7a6c8c}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;animation:.8s both rise;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:.45rem .9rem}.chip.is-on{background:var(--ink);color:#eef6fa;border-color:var(--ink)}.featured{grid-template-columns:1.2fr .8fr;gap:1rem;margin-bottom:2.5rem;animation:.9s both rise;display:grid}.case-card,.catalog a,.diff,.feature-card,.feature-lead,.hash-list li,.link-list,.now-card,.uuid-list{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-card,.feature-lead{border-radius:var(--radius);padding:1.4rem 1.5rem 1.3rem;transition:transform .25s,border-color .25s;display:block}.case-card:hover,.catalog a:hover,.feature-card:hover,.feature-lead:hover{border-color:#0f7a6c73;transform:translateY(-2px)}.feature-lead{background:linear-gradient(145deg,#0f7a6c1f,transparent 55%),var(--panel);min-height:100%}.feature-side{gap:1rem;display:grid}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.55rem;font-size:.72rem;font-weight:600;display:inline-block}.feature-card h2,.feature-lead h2{font-family:var(--display);margin:0 0 .45rem;font-size:2rem;font-weight:400;line-height:1.05}.feature-card h2{font-size:1.45rem}.empty,.feature-card p,.feature-lead p,.hint,.lede,.muted{color:var(--muted)}.feature-card p,.feature-lead p{margin:0}.go{color:var(--accent);margin-top:1.4rem;font-weight:600;display:inline-block}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .85rem;font-size:.85rem;font-weight:600}.catalog ul{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.catalog a{border-radius:14px;grid-template-columns:180px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.15rem;transition:transform .25s,border-color .25s;display:grid}.catalog-name{font-weight:600}.catalog-blurb{color:var(--muted)}.catalog-go{color:var(--accent);font-size:1.2rem}.tool-page{animation:.55s both rise}.back-link{color:var(--muted);margin-bottom:.85rem;font-size:.92rem;display:inline-block}.back-link:hover{color:var(--accent)}.tool-head-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.tool-page h1{font-family:var(--display);margin:0 0 .35rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:400;line-height:1}.lede{max-width:52ch;margin:0}.tool-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.btn{border:1px solid var(--line);background:0 0;border-radius:999px;padding:.55rem 1rem;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-solid{background:var(--ink);color:#eef6fa;border-color:var(--ink)}.btn-ghost:hover:not(:disabled),.btn-solid:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.toolbar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.seg,.toolbar{flex-wrap:wrap}.seg{border:1px solid var(--line);background:#fffcf58c;gap:.2rem;padding:.25rem;display:inline-flex}.seg,.seg button{border-radius:999px}.seg button{color:var(--muted);background:0 0;border:0;padding:.45rem .85rem}.seg button.is-on{background:var(--ink);color:#eef6fa}.check,.field,.inline-field{color:var(--muted);align-items:center;gap:.55rem;display:inline-flex}.inline-field input,.inline-field select{width:auto;min-width:5rem;padding:.45rem .7rem}.field{gap:.45rem;width:100%;margin-bottom:.75rem;display:grid}.field span{color:var(--muted);font-size:.9rem}.split{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pane{gap:.45rem;display:grid}.pane-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.88rem;display:flex}.pane-meta{align-items:center;gap:.5rem;display:inline-flex}.pane textarea{resize:vertical;min-height:260px;font-family:var(--mono);font-size:.92rem;line-height:1.55}.pane-tall textarea{min-height:340px}.banner{background:#0f7a6c1a;border:1px solid #0f7a6c40;border-radius:12px;margin:0 0 1rem;padding:.8rem 1rem}.banner-bad{color:var(--bad);background:#9b2c2c14;border-color:#9b2c2c40}.hint{margin:1rem 0 0;font-size:.92rem}.stat-row{color:var(--muted);flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat-tile{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:.2rem;padding:1rem;display:grid}.stat-tile strong{font-family:var(--display);font-size:1.8rem;font-weight:400;line-height:1}.stat-tile span{color:var(--muted);font-size:.88rem}.diff{max-height:520px;font-family:var(--mono);border-radius:14px;font-size:.86rem;overflow:auto}.diff-line{border-bottom:1px solid #17150f0d;grid-template-columns:3rem 3rem 1.5rem 1fr;gap:.35rem;padding:.2rem .7rem;display:grid}.diff-line.is-add{background:var(--add)}.diff-line.is-del{background:var(--del)}.diff-mark,.diff-no{color:var(--muted);text-align:right}.diff-line pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}.case-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.case-card{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:.35rem;padding:.9rem 1rem;display:grid}.case-card.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.case-label{font-size:.92rem;font-weight:600}.case-sample{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.hash-list,.link-list,.now-card,.uuid-list{border-radius:14px}.link-list{margin-top:1rem;padding:.9rem 1rem .4rem}.hash-list,.link-list ul{margin:0;padding:0;list-style:none}.link-list li{border-top:1px solid var(--line);word-break:break-all;padding:.55rem 0}.link-list li.is-bad{color:var(--bad)}.link-list a:hover{color:var(--accent)}.hash-list{gap:.75rem;margin:1rem 0 0;display:grid}.hash-list li{padding:.85rem 1rem}.hash-list code,.uuid-list{font-family:var(--mono);word-break:break-all;margin-top:.45rem;font-size:.88rem;display:block}.uuid-list{white-space:pre-wrap;min-height:180px;margin:0;padding:1rem 1.1rem}.now-card{gap:.35rem;width:fit-content;min-width:min(100%,320px);margin-bottom:1rem;padding:1.1rem 1.2rem;display:grid}.now-card strong{font-family:var(--display);font-size:2.4rem;font-weight:400;line-height:1}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-name,.text-btn{color:var(--muted)}.text-btn{background:0 0;border:0;margin-left:.55rem;text-decoration:underline}.empty{padding:2rem 0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.catalog a,.featured,.split{grid-template-columns:1fr}.site-header,.tool-head-row{flex-direction:column;align-items:flex-start}.catalog-go{display:none}}