:root{--paper:#edf0f2;--surface:#ffffff;--ink:#151b22;--muted:#56606c;--line:#cbd2d9;--local:#0d6b55;--ai:#8a5200;--danger:#b3261e;--danger-bg:#fbe4e1;--t-gambar:#cdebdd;--t-pdf:#f6d5cf;--t-arsip:#ddd6f3;--t-data:#d2e4f5;--t-dokumen:#ede4c8;--t-media:#f3d3e6;--t-ai:#fbe3b1;--font:"Archivo","Helvetica Neue",Arial,sans-serif;--radius-sm:4px;--radius-md:10px;--wrap:72rem;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#101418;--surface:#171c22;--ink:#e6eaee;--muted:#98a2ae;--line:#2a323b;--local:#5fd0ae;--ai:#f2b75b;--danger:#ffb4ab;--danger-bg:#3d1714;--t-gambar:#1e4436;--t-pdf:#4f2a25;--t-arsip:#362f55;--t-data:#213a52;--t-dokumen:#463d22;--t-media:#4b2440;--t-ai:#4c3712;color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.55;font-stretch:100%}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem}.logo{font-weight:800;font-stretch:125%;font-size:1.15rem;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.logo-mark{width:1.1rem;height:1.35rem;background:var(--ink);-webkit-clip-path:polygon(0 0,65% 0,100% 28%,100% 100%,0 100%);clip-path:polygon(0 0,65% 0,100% 28%,100% 100%,0 100%)}.site-header nav a{color:var(--muted);text-decoration:none;font-size:.95rem}.site-header nav a:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);margin-top:5rem;padding:2rem 0 3rem;color:var(--muted);font-size:.9rem}.site-footer p{max-width:60ch;margin:0 0 .5rem}.chip{--tint:var(--t-gambar);display:inline-block;background:var(--tint);color:var(--ink);font-weight:800;font-stretch:125%;line-height:1;padding:.38em .7em .34em .55em;-webkit-clip-path:polygon(0 0,calc(100% - .55em) 0,100% .55em,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - .55em) 0,100% .55em,100% 100%,0 100%);white-space:nowrap}.pair{display:inline-flex;align-items:center;gap:.45em;flex-wrap:wrap}.pair-word{color:var(--muted);font-weight:500;font-stretch:100%}.cat-gambar{--tint:var(--t-gambar)}.cat-pdf{--tint:var(--t-pdf)}.cat-arsip{--tint:var(--t-arsip)}.cat-data{--tint:var(--t-data)}.cat-dokumen{--tint:var(--t-dokumen)}.cat-media{--tint:var(--t-media)}.cat-ai{--tint:var(--t-ai)}.hero{padding:4rem 0 2.5rem}.hero h1{font-size:clamp(2.3rem,6vw,4.4rem);font-weight:800;font-stretch:112%;line-height:1.02;letter-spacing:-.025em;margin:0 0 1.25rem;max-width:16ch}.hero p{font-size:1.15rem;color:var(--muted);max-width:52ch;margin:0 0 2rem}.search{width:100%;max-width:34rem;font:inherit;font-size:1.1rem;padding:.85rem 1rem;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.search::placeholder{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none}.filter{font:inherit;font-size:.92rem;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.group{margin-top:3rem}.group-head{display:flex;align-items:baseline;gap:.75rem;border-bottom:1px solid var(--line);padding-bottom:.5rem;margin-bottom:.25rem}.group-head h2{font-size:1.35rem;font-weight:700;margin:0}.group-head span{color:var(--muted);font-size:.9rem}.tool-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));grid-column-gap:1.5rem;column-gap:1.5rem}.tool-list a{display:block;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.95rem}.tool-list a:hover .pair-word{color:var(--ink)}.tool-list a:hover .chip{filter:saturate(1.4)}.empty{margin-top:2.5rem;color:var(--muted)}.tool-head{padding:3rem 0 2rem}.crumbs{font-size:.9rem;margin-bottom:1.5rem}.crumbs,.crumbs a{color:var(--muted)}.tool-title{font-size:clamp(2.2rem,7vw,4.6rem);margin:0 0 1.25rem;font-weight:800;line-height:1}.tool-title .pair-word{font-size:.45em}.tool-desc{font-size:1.12rem;color:var(--muted);max-width:58ch;margin:0 0 1rem}.where{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--local)}.where:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.where.is-ai{color:var(--ai)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.25rem}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;min-height:13rem;border:2px dashed var(--line);border-radius:var(--radius-sm);padding:2rem 1rem;cursor:pointer;transition:border-color .15s,background-color .15s}.drop.is-over,.drop:hover{border-color:var(--ink)}.drop.is-over{background:color-mix(in srgb,var(--paper) 60%,transparent)}.drop:focus-within{outline:2px solid var(--ink);outline-offset:2px}.drop strong{font-size:1.15rem}.drop small{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.files{list-style:none;margin:1rem 0 0;padding:0}.files li{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.95rem}.files .name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files .size{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.88rem}.icon-btn{font:inherit;width:2rem;height:2rem;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer}.icon-btn:disabled{opacity:.35;cursor:default}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem}.btn{font:inherit;font-weight:700;font-size:1rem;padding:.75rem 1.3rem;border-radius:var(--radius-sm);border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none;display:inline-block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink)}.hint{color:var(--muted);font-size:.9rem}.progress{margin-top:1.25rem}.progress-bar{height:.5rem;background:var(--paper);border-radius:999px;overflow:hidden}.progress-bar div{height:100%;background:var(--ink);transition:width .2s}.progress-bar.is-indeterminate div{width:35%!important;animation:slide 1.1s ease-in-out infinite alternate}@keyframes slide{0%{transform:translateX(-10%)}to{transform:translateX(200%)}}.progress p{margin:.5rem 0 0;font-size:.9rem;color:var(--muted)}.error{margin-top:1rem;padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);font-size:.95rem}.results h2{font-size:1.2rem;margin:0 0 .25rem}.results .files a{font-weight:600}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:2rem;gap:2rem;margin-top:3.5rem}.notes h2{font-size:1.1rem;margin:0 0 .5rem}.notes p{margin:0;color:var(--muted);max-width:60ch}.related{margin-top:3.5rem}.related h2{font-size:1.1rem;margin:0 0 .25rem}@media (max-width:40rem){.hero{padding-top:2.5rem}.files li{flex-wrap:wrap}.files .name{flex-basis:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}