:root{--at-bg:#fff;--at-text:#0f172a;--at-text-secondary:#334155;--at-text-muted:#64748b;--at-border:#e2e8f0;--at-border-light:#f1f5f9;--at-shadow-sm:0 1px 2px #0000000d;--at-shadow:0 4px 6px #00000012;--at-input-bg:#f8fafc;--at-input-border:#cbd5e1;--at-input-focus:#6366f1;--at-card-radius:12px;--at-control-color:#7c3aed;--at-control-bg:#7c3aed14;--at-control-border:#7c3aed33;--at-control-badge:#7c3aed1f;--at-digit-color:#059669;--at-digit-bg:#05966914;--at-digit-border:#05966933;--at-digit-badge:#0596691f;--at-upper-color:#2563eb;--at-upper-bg:#2563eb14;--at-upper-border:#2563eb33;--at-upper-badge:#2563eb1f;--at-lower-color:#0891b2;--at-lower-bg:#0891b214;--at-lower-border:#0891b233;--at-lower-badge:#0891b21f;--at-symbol-color:#d97706;--at-symbol-bg:#d9770614;--at-symbol-border:#d9770633;--at-symbol-badge:#d977061f;--at-extended-color:#dc2626;--at-extended-bg:#dc262614;--at-extended-border:#dc262633;--at-extended-badge:#dc26261f;--at-printable-color:#0f172a;--at-filter-bg:transparent;--at-filter-active-bg:#0f172a;--at-filter-active-text:#fff;--at-pin-color:#f59e0b;--at-pin-bg:#f59e0b1a;--at-highlight-bg:#6366f11f;--at-highlight-border:#6366f166;--at-detail-bg:#f8fafc;--at-detail-hover:#6366f114;--at-detail-copied:#10b98126}._at-container{flex-direction:column;gap:1rem;width:100%;max-width:960px;margin:0 auto;display:flex}@media (max-width:768px){._at-container{padding-left:1rem;padding-right:1rem}}._at-toolbar{background:var(--at-bg);border-radius:var(--at-card-radius);border-style:solid;border-width:1px;border-color:var(--at-border);box-shadow:var(--at-shadow);flex-direction:column;gap:.75rem;padding:1rem;display:flex}._at-toolbar-top{align-items:center;gap:.75rem;display:flex}._at-search-wrap{flex:1;align-items:center;display:flex;position:relative}._at-search-wrap>svg{color:var(--at-text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:.875rem}._at-search{background:var(--at-input-bg);width:100%;color:var(--at-text);border-style:solid;border-width:1.5px;border-color:var(--at-input-border);border-radius:8px;outline:none;padding:.625rem 2.5rem .625rem 2.75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}._at-search::placeholder{color:var(--at-text-muted)}._at-search:focus{border-color:var(--at-input-focus);box-shadow:0 0 0 3px #6366f126}._at-search-clear{width:1.5rem;height:1.5rem;color:var(--at-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;right:.5rem}._at-search-clear:hover{color:var(--at-text);background:var(--at-border-light)}._at-toolbar-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}._at-kbd-toggle{border-style:solid;border-width:1.5px;border-color:var(--at-input-border);width:2.25rem;height:2.25rem;color:var(--at-text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}._at-kbd-toggle:hover{color:var(--at-text);background:var(--at-border-light)}._at-kbd-toggle.active{background:var(--at-input-focus);color:#fff;border-color:var(--at-input-focus)}._at-view-toggle{background:var(--at-input-bg);border-style:solid;border-width:1.5px;border-color:var(--at-input-border);border-radius:8px;display:flex;overflow:hidden}._at-view-btn{width:2.25rem;height:2.25rem;color:var(--at-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._at-view-btn:first-child{border-right-style:solid;border-right-width:1px;border-right-color:var(--at-input-border)}._at-view-btn:hover{color:var(--at-text);background:var(--at-border-light)}._at-view-btn.active{background:var(--at-filter-active-bg);color:var(--at-filter-active-text)}._at-filters{flex-wrap:wrap;gap:.375rem;display:flex}._at-filter{border-radius:var(--main-radius-full);background:var(--at-filter-bg);color:var(--at-text-muted);cursor:pointer;border:0 solid #0000;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}._at-filter:hover{background:var(--at-border-light);color:var(--at-text)}._at-filter.active{background:var(--at-filter-active-bg);color:var(--at-filter-active-text)}._at-filter-control.active{background:var(--at-control-color);color:#fff}._at-filter-printable.active{background:var(--at-printable-color);color:#fff}._at-filter-digit.active{background:var(--at-digit-color);color:#fff}._at-filter-upper.active{background:var(--at-upper-color);color:#fff}._at-filter-lower.active{background:var(--at-lower-color);color:#fff}._at-filter-symbol.active{background:var(--at-symbol-color);color:#fff}._at-filter-extended.active{background:var(--at-extended-color);color:#fff}._at-kbd-banner{background:var(--at-bg);border-radius:var(--at-card-radius);border-style:solid;border-width:1px;border-color:var(--at-input-focus);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 0 0 3px #6366f11a}._at-kbd-info{color:var(--at-text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}._at-kbd-info svg{color:var(--at-input-focus);flex-shrink:0}._at-kbd-result{align-items:center;gap:.625rem;font-size:.8125rem;display:flex}._at-kbd-char{min-width:2rem;height:2rem;font-family:var(--main-font-mono);border-radius:6px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:700;display:inline-flex}._at-kbd-char[data-cat=control]{background:var(--at-control-badge);color:var(--at-control-color)}._at-kbd-char[data-cat=digit]{background:var(--at-digit-badge);color:var(--at-digit-color)}._at-kbd-char[data-cat=upper]{background:var(--at-upper-badge);color:var(--at-upper-color)}._at-kbd-char[data-cat=lower]{background:var(--at-lower-badge);color:var(--at-lower-color)}._at-kbd-char[data-cat=symbol]{background:var(--at-symbol-badge);color:var(--at-symbol-color)}._at-kbd-char[data-cat=extended]{background:var(--at-extended-badge);color:var(--at-extended-color)}._at-kbd-code{font-family:var(--main-font-mono);color:var(--at-text-secondary);font-size:.75rem;font-weight:500}._at-kbd-name{color:var(--at-text-muted);font-size:.75rem}._at-pinned-section{background:var(--at-bg);border-radius:var(--at-card-radius);border-style:solid;border-width:1px;border-color:var(--at-border);box-shadow:var(--at-shadow-sm);overflow:hidden}._at-pinned-header{color:var(--at-pin-color);letter-spacing:.03em;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--at-border-light);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.75rem;font-weight:600;display:flex}._at-pinned-header svg{flex-shrink:0}._at-pinned-list{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}._at-pinned-card{border-radius:var(--main-radius-full);cursor:pointer;border:0 solid #0000;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:500;transition:opacity .15s;display:inline-flex}._at-pinned-card:hover{opacity:.8}._at-pinned-card[data-cat=control]{background:var(--at-control-badge);color:var(--at-control-color)}._at-pinned-card[data-cat=digit]{background:var(--at-digit-badge);color:var(--at-digit-color)}._at-pinned-card[data-cat=upper]{background:var(--at-upper-badge);color:var(--at-upper-color)}._at-pinned-card[data-cat=lower]{background:var(--at-lower-badge);color:var(--at-lower-color)}._at-pinned-card[data-cat=symbol]{background:var(--at-symbol-badge);color:var(--at-symbol-color)}._at-pinned-card[data-cat=extended]{background:var(--at-extended-badge);color:var(--at-extended-color)}._at-pinned-char{font-family:var(--main-font-mono);font-weight:700}._at-pinned-dec{font-family:var(--main-font-mono);opacity:.7;font-size:.6875rem}._at-empty{text-align:center;color:var(--at-text-muted);padding:3rem 1rem;font-size:.875rem}@media (max-width:640px){._at-toolbar-top{flex-wrap:wrap}._at-search-wrap{flex:100%;min-width:0}._at-kbd-banner{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:480px){._at-toolbar{padding:.75rem}._at-filters{gap:.25rem}._at-filter{padding:.3125rem .625rem;font-size:.75rem}}._at-content{flex-direction:column;gap:1rem;min-height:200px;display:flex}._at-group{flex-direction:column;gap:.5rem;display:flex}._at-group-header{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}._at-group-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}._at-group-title{color:var(--at-text-secondary);letter-spacing:.02em;font-size:.8125rem;font-weight:600}._at-group-count{color:var(--at-text-muted);font-size:.6875rem;font-weight:400}._at-group[data-cat=control] ._at-group-dot{background:var(--at-control-color)}._at-group[data-cat=digit] ._at-group-dot{background:var(--at-digit-color)}._at-group[data-cat=upper] ._at-group-dot{background:var(--at-upper-color)}._at-group[data-cat=lower] ._at-group-dot{background:var(--at-lower-color)}._at-group[data-cat=symbol] ._at-group-dot{background:var(--at-symbol-color)}._at-group[data-cat=extended] ._at-group-dot{background:var(--at-extended-color)}._at-table-wrap{background:var(--at-bg);border-radius:var(--at-card-radius);border-style:solid;border-width:1px;border-color:var(--at-border);box-shadow:var(--at-shadow-sm);overflow:hidden}._at-table{border-collapse:collapse;width:100%;font-size:.8125rem}._at-table thead{background:var(--at-border-light)}._at-table th{color:var(--at-text-muted);text-align:left;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:.5rem .75rem;font-size:.6875rem;font-weight:600}._at-table th._at-th-dec,._at-table th._at-th-hex,._at-table th._at-th-oct,._at-table th._at-th-char{text-align:center;width:60px}._at-table th._at-th-pin{width:36px}._at-row{cursor:pointer;transition:background .1s}._at-row:hover,._at-row.expanded{background:var(--at-border-light)}._at-row.highlighted{background:var(--at-highlight-bg)}._at-row td{border-top-style:solid;border-top-width:1px;border-top-color:var(--at-border-light);vertical-align:middle;padding:.5rem .75rem}._at-cell-dec,._at-cell-hex,._at-cell-oct{font-family:var(--main-font-mono);text-align:center;color:var(--at-text-secondary);font-size:.8125rem;font-weight:500}._at-cell-char{text-align:center}._at-char-badge{min-width:2rem;height:1.625rem;font-family:var(--main-font-mono);border-radius:5px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:700;display:inline-flex}._at-char-badge[data-cat=control]{background:var(--at-control-badge);color:var(--at-control-color)}._at-char-badge[data-cat=digit]{background:var(--at-digit-badge);color:var(--at-digit-color)}._at-char-badge[data-cat=upper]{background:var(--at-upper-badge);color:var(--at-upper-color)}._at-char-badge[data-cat=lower]{background:var(--at-lower-badge);color:var(--at-lower-color)}._at-char-badge[data-cat=symbol]{background:var(--at-symbol-badge);color:var(--at-symbol-color)}._at-char-badge[data-cat=extended]{background:var(--at-extended-badge);color:var(--at-extended-color)}._at-cell-desc{color:var(--at-text);font-size:.8125rem}._at-cell-pin{text-align:center}._at-pin-btn{width:1.5rem;height:1.5rem;color:var(--at-border);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}._at-pin-btn:hover,._at-pin-btn.pinned{color:var(--at-pin-color)}._at-detail-row td{background:var(--at-border-light);border-top-width:0;padding:0}@media (max-width:640px){._at-table th._at-th-oct,._at-row td:nth-child(3){display:none}._at-table th,._at-row td{padding:.375rem .5rem}}@media (max-width:480px){._at-table,._at-cell-desc{font-size:.75rem}._at-char-badge{min-width:1.625rem;height:1.375rem;font-size:.75rem}}._at-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;display:grid}._at-grid-card{background:var(--at-bg);border-radius:var(--at-card-radius);border-style:solid;border-width:1px;border-color:var(--at-border);box-shadow:var(--at-shadow-sm);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .375rem;transition:border-color .15s,box-shadow .15s;display:flex}._at-grid-card:hover{box-shadow:var(--at-shadow)}._at-grid-card[data-cat=control]:hover{border-color:var(--at-control-border)}._at-grid-card[data-cat=digit]:hover{border-color:var(--at-digit-border)}._at-grid-card[data-cat=upper]:hover{border-color:var(--at-upper-border)}._at-grid-card[data-cat=lower]:hover{border-color:var(--at-lower-border)}._at-grid-card[data-cat=symbol]:hover{border-color:var(--at-symbol-border)}._at-grid-card[data-cat=extended]:hover{border-color:var(--at-extended-border)}._at-grid-card.highlighted{background:var(--at-highlight-bg);border-color:var(--at-highlight-border)}._at-grid-card.expanded{grid-column:1/-1;align-items:stretch;gap:.5rem;padding:1rem}._at-grid-card.expanded[data-cat=control]{border-color:var(--at-control-border)}._at-grid-card.expanded[data-cat=digit]{border-color:var(--at-digit-border)}._at-grid-card.expanded[data-cat=upper]{border-color:var(--at-upper-border)}._at-grid-card.expanded[data-cat=lower]{border-color:var(--at-lower-border)}._at-grid-card.expanded[data-cat=symbol]{border-color:var(--at-symbol-border)}._at-grid-card.expanded[data-cat=extended]{border-color:var(--at-extended-border)}._at-grid-card-top{align-items:center;gap:.75rem;display:flex}._at-grid-char{min-width:2.25rem;height:2.25rem;font-family:var(--main-font-mono);border-radius:6px;justify-content:center;align-items:center;padding:0 .375rem;font-size:1rem;font-weight:700;display:inline-flex}._at-grid-char[data-cat=control]{background:var(--at-control-badge);color:var(--at-control-color)}._at-grid-char[data-cat=digit]{background:var(--at-digit-badge);color:var(--at-digit-color)}._at-grid-char[data-cat=upper]{background:var(--at-upper-badge);color:var(--at-upper-color)}._at-grid-char[data-cat=lower]{background:var(--at-lower-badge);color:var(--at-lower-color)}._at-grid-char[data-cat=symbol]{background:var(--at-symbol-badge);color:var(--at-symbol-color)}._at-grid-char[data-cat=extended]{background:var(--at-extended-badge);color:var(--at-extended-color)}._at-grid-dec{font-family:var(--main-font-mono);color:var(--at-text-secondary);font-size:.75rem;font-weight:600}._at-grid-hex{font-family:var(--main-font-mono);color:var(--at-text-muted);font-size:.6875rem}._at-grid-name{color:var(--at-text);flex:1;font-size:.8125rem;font-weight:500}@media (max-width:640px){._at-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.375rem}._at-grid-card{padding:.5rem .25rem}._at-grid-char{min-width:1.75rem;height:1.75rem;font-size:.875rem}}._at-detail{width:100%;padding:.75rem}._at-detail-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.375rem;display:grid}._at-detail-item{background:var(--at-detail-bg);cursor:pointer;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:.125rem;padding:.5rem .625rem;transition:background .15s;display:flex}._at-detail-item:hover{background:var(--at-detail-hover)}._at-detail-item.copied{background:var(--at-detail-copied)}._at-detail-label{color:var(--at-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.625rem;font-weight:600}._at-detail-value{font-family:var(--main-font-mono);color:var(--at-text);word-break:break-all;font-size:.8125rem;font-weight:600}@media (max-width:480px){._at-detail-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}._at-detail{padding:.5rem}}