*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb;color-scheme:light}body{margin:0;background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%);color:#172033;transition:background .2s,color .2s}body.dark{color:#e5e7eb;background:#111827;color-scheme:dark}body.dark .card,body.dark .controls select,body.dark .controls button,body.dark .legacy,body.dark .repo-link{background:#1f2937;color:#e5e7eb;border-color:#374151}body.dark textarea{background:#111827;color:#e5e7eb;border-color:#374151}body.dark .snippet-grid details{background:#172033;border-color:#374151}body.dark .hero h1,body.dark .bar h2{color:#f9fafb}body.dark .hero p,body.dark .status,body.dark .snippet-grid code,body.dark .snippet-grid summary{color:#cbd5e1}main{max-width:1320px;margin:0 auto;padding:32px}.hero{margin-bottom:24px}.eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(30px,5vw,56px);line-height:1.05;margin:8px 0 10px;letter-spacing:-.03em;color:#101828}.hero p{color:#475467;max-width:820px;line-height:1.65;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.card{background:#fff;border:1px solid #d9e0e8;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(16,24,40,.06)}.bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.bar h2{font-size:17px;margin:0;color:#101828}textarea{width:100%;min-height:55vh;resize:vertical;background:#fbfcfe;color:#1d2939;border:1px solid #cfd8e3;border-radius:12px;padding:16px;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;outline:none;box-shadow:inset 0 1px 2px rgba(16,24,40,.03);overflow:auto}textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.drag{border-color:#2563eb!important;background:#f8fbff}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls select,.controls button{background:#fff;color:#1d2939;border:1px solid #cfd8e3;border-radius:9px;padding:10px 12px;font-weight:650;cursor:pointer}.controls select:focus,.controls button:focus{outline:none;border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.controls button:hover{background:#f8fafc;border-color:#b9c4d1}.controls button.primary{background:#2563eb;color:#fff;border-color:#2563eb}.controls button.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.status{color:#667085;font-size:13px}.snippets{margin-top:18px}.snippet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.snippet-grid details{border:1px solid #d9e0e8;border-radius:12px;background:#fbfcfe;overflow:hidden}.snippet-grid summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#344054;list-style:none}.snippet-grid summary::-webkit-details-marker{display:none}.snippet-grid summary::after{content:"+";float:right;color:#667085}.snippet-grid details[open] summary::after{content:"−"}.snippet-grid pre{margin:0;padding:0 14px 14px;white-space:pre-wrap;overflow:auto}.snippet-grid code{display:block;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;color:#1d2939}.footer{display:flex;justify-content:center;gap:10px;margin:28px 0 4px;flex-wrap:wrap}.legacy,.repo-link{color:#667085;text-decoration:none;border:1px solid #cfd8e3;padding:9px 13px;border-radius:9px;background:#fff}.legacy:hover,.repo-link:hover{color:#344054;border-color:#98a2b3;background:#f8fafc}@media(max-width:1000px){.snippet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.grid{grid-template-columns:1fr}textarea{min-height:36vh}main{padding:20px}}@media(max-width:620px){.snippet-grid{grid-template-columns:1fr}}