*{box-sizing:border-box;margin:0;font-family:sans-serif}:root{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172a}body{min-width:320px}button,input,select,textarea{font:inherit}button,select,textarea{border-radius:6px}textarea,pre,select{color:#e2e8f0;background:#020617;border:1px solid #334155}textarea{resize:vertical;width:100%;min-height:8rem;padding:.75rem;line-height:1.5}pre{white-space:pre-wrap;word-break:break-word;min-height:4rem;padding:.75rem;line-height:1.5;overflow:auto}select{min-height:2.25rem;padding:0 .625rem}.workspace{gap:1rem;max-width:1180px;margin:0 auto;display:grid}.intro{color:#cbd5e1;gap:.375rem;display:grid}.intro h1{color:#f8fafc;font-size:1.5rem}.brandLink{color:#f8fafc;margin-bottom:.75rem;text-decoration:none;display:inline-block}.panel{background:#111827;border:1px solid #334155;border-radius:8px;gap:.875rem;padding:1rem;display:grid}.panel h1{color:#f8fafc;font-size:1rem}.toolTabs{scrollbar-width:thin;gap:.25rem;padding-bottom:.125rem;display:flex;overflow-x:auto}.toolTab{color:#cbd5e1;white-space:nowrap;background:0 0;border-radius:6px;flex:none;min-height:2.25rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;position:relative}.toolTab:hover,.toolTab.active{color:#f8fafc;background:#1e293b}.toolTab.active:after{content:"";background:#3b82f6;border-radius:999px;height:2px;position:absolute;bottom:.25rem;left:.75rem;right:.75rem}.featureSection{gap:.875rem;display:grid}.featureSection h2{color:#f8fafc;font-size:1rem}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;display:grid}.featureLink{color:#cbd5e1;background:#111827;border:1px solid #334155;border-radius:8px;gap:.375rem;min-height:7rem;padding:1rem;text-decoration:none;display:grid}.featureLink:hover{border-color:#3b82f6}.featureLink strong{color:#f8fafc}.toolPage{gap:1rem;display:grid}.articleSection{color:#cbd5e1;background:#111827;border:1px solid #334155;border-radius:8px;gap:.75rem;padding:1rem;display:grid}.articleSection h2{color:#f8fafc;font-size:1rem}.articleSection ol,.articleSection ul{gap:.5rem;padding-left:1.25rem;display:grid}.articleSection li{line-height:1.6}.twoColumn,.utilityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;display:grid}.utilityGrid{align-items:start}.field{color:#cbd5e1;gap:.375rem;font-size:.875rem;display:grid}.toolbar,.resultActions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.toolbar label{color:#cbd5e1;align-items:center;gap:.375rem;min-height:2.25rem;display:inline-flex}.iconButton{color:#eff6ff;cursor:pointer;background:#2563eb;border:1px solid #3b82f6;min-height:2.25rem;padding:0 .75rem}.iconButton:hover{background:#1d4ed8}.diffOutput mark{color:inherit;border-radius:3px;padding:.0625rem .1875rem}.same{background:0 0}.added{background:#14532d}.removed{background:#7f1d1d;text-decoration:line-through}.changed{background:#713f12}.ok{color:#86efac}.warn{color:#fca5a5}.result{gap:.625rem;display:grid}.unicodeList{gap:.5rem;display:grid}.unicodeRow{background:#020617;border:1px solid #334155;border-radius:6px;grid-template-columns:4rem repeat(6,minmax(0,1fr));align-items:center;gap:.5rem;padding:.625rem;display:grid}.unicodeRow span,.unicodeRow strong{overflow-wrap:anywhere}@media (max-width:760px){.twoColumn,.featureGrid,.utilityGrid,.unicodeRow{grid-template-columns:1fr}}