:root{--clg-bg:#0b1020;--clg-card:#0f1b3d;--clg-border:rgba(255,255,255,0.12);--clg-text:#e7ecff;--clg-muted:#a8b3d9;--clg-accent:#6ee7ff;--clg-accent-2:#b388ff;--clg-glow:rgba(110,231,255,0.25)}@media (prefers-color-scheme:light){:root{--clg-bg:#f8fafc;--clg-card:#fff;--clg-border:#e5e7eb;--clg-text:#0f172a;--clg-muted:#475569;--clg-accent:#2563eb;--clg-accent-2:#22c55e;--clg-glow:rgba(37,99,235,.2)}}.clg-tool{border:1px solid var(--clg-border);border-radius:16px;padding:20px;margin:18px 0;background:linear-gradient(180deg,var(--clg-card),rgb(255 255 255 / .02));box-shadow:0 10px 30px rgb(0 0 0 / .12)}.clg-header{margin-bottom:8px}.clg-title{margin:0 0 6px;font-size:clamp(22px,3.4vw,34px);line-height:1.05;color:var(--clg-text)}.clg-kicker{display:inline-block;font-size:.55em;font-weight:700;margin-left:.4em;padding:.25em .6em;border-radius:999px;background:linear-gradient(135deg,var(--clg-accent),var(--clg-accent-2));color:#001}.clg-desc{margin:0 0 6px;color:var(--clg-muted)}.clg-tldr{margin:0 0 10px;color:var(--clg-muted);font-size:.95em}.clg-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 12px}.clg-units label{font-size:12px;opacity:.8;margin-right:6px}.clg-units-select{padding:8px 10px;border:1px solid var(--clg-border);border-radius:10px;background:rgb(255 255 255 / .04);color:var(--clg-text)}.clg-examples span{margin-right:6px;opacity:.85}.clg-example,.clg-share,.clg-run{padding:10px 14px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--clg-accent),var(--clg-accent-2));color:#001;font-weight:700;cursor:pointer;transition:transform .07s,box-shadow .2s;box-shadow:0 8px 24px rgb(0 0 0 / .2)}.clg-example:hover,.clg-share:hover,.clg-run:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgb(0 0 0 / .28)}.clg-form{margin-top:2px}.clg-field{display:flex;flex-direction:column;gap:6px}.clg-lab{font-size:.9em;color:var(--clg-muted)}.clg-input{padding:10px 12px;border:1px solid var(--clg-border);border-radius:10px;background:rgb(255 255 255 / .04);color:var(--clg-text);outline:none;transition:box-shadow .2s,border-color .2s}.clg-input:focus{border-color:var(--clg-accent);box-shadow:0 0 0 3px var(--clg-glow)}.clg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width:640px){.clg-grid{grid-template-columns:1fr}}.clg-result{margin-top:14px}.clg-out{padding:14px;border:1px dashed var(--clg-border);border-radius:12px;background:rgb(255 255 255 / .05)}.clg-out h3{margin:0 0 8px;font-size:clamp(18px,2.4vw,22px)}.clg-big{font-size:clamp(16px,2.2vw,20px);font-weight:800}.clg-related,.clg-related-tools{margin-top:22px}.clg-related h3,.clg-related-tools h3{font-size:clamp(18px,2.4vw,22px);margin-bottom:8px}.clg-related-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:6px;padding:0;margin:0;list-style:none}.clg-index-grid{display:grid;grid-template-columns:repeat(var(--clg-cols,3),minmax(0,1fr));gap:16px}.clg-card{border:1px solid var(--clg-border);border-radius:12px;padding:14px;background:var(--clg-card)}.clg-card-title{margin:0 0 6px}.clg-card-excerpt{margin:0;color:var(--clg-muted)}