:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}@media (prefers-color-scheme:dark){body{color:#e5e7eb;background:#16171d}}main{max-width:720px;margin:2rem auto;padding:0 1rem}form{gap:.5rem;margin-bottom:1rem;display:flex}input{flex:1;padding:.5rem;font-size:1rem}button{cursor:pointer;padding:.5rem 1rem;font-size:1rem}button:disabled{cursor:not-allowed;opacity:.6}.error{color:#c00}.meta{color:#888;margin:0 0 1rem;font-size:.9rem}h3{margin:1.5rem 0 .5rem;font-size:1rem}.rows{margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid #eee;justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.temp{margin-left:.75rem}.area-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem;display:grid}.area-grid button{text-align:left;background:0 0;border:1px solid #ccc;border-radius:4px;flex-direction:column;align-items:flex-start;padding:.4rem .6rem;font-size:.85rem;display:flex}.area-grid button:hover:not(:disabled){background:#f4f4f4}.area-grid button.active{color:#0070f3;border-color:#0070f3}.area-grid .code{color:#888;font-family:ui-monospace,monospace;font-size:.75rem}@media (prefers-color-scheme:dark){.rows li{border-bottom-color:#333}.area-grid button{border-color:#444}.area-grid button:hover:not(:disabled){background:#1f2028}.area-grid button.active{color:#60a5fa;border-color:#60a5fa}}