.tool{--ue-ink:#241e4e;--ue-accent:#4c3bcf;--ue-accent-soft:#edebfb;--ue-warn:#c97a1a;--ue-warn-soft:#fbf0df;--ue-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;width:min(100%,900px);padding:var(--space-lg) 0;margin-inline:auto}.tool-header{margin-bottom:var(--space-md)}.tool-header h1{margin:0 0 .5rem}.tool-header p{max-width:620px;margin:0}.tool-header code{font-family:var(--ue-mono);background:var(--ue-accent-soft);color:var(--ue-ink);border-radius:6px;padding:.1rem .4rem;font-size:.9em}.tabs{margin-bottom:var(--space-md);border-bottom:1px solid #e2e2e2;gap:.5rem;display:flex}.tab-button{font:inherit;color:#777;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem .25rem;font-weight:600}.tab-button+.tab-button{margin-left:1rem}.tab-button:hover{color:var(--ue-ink)}.tab-button.active{color:var(--ue-accent);border-bottom-color:var(--ue-accent)}.panel{display:none}.panel.active{display:block}.panel-intro{margin:0 0 var(--space-md);color:#555;max-width:620px}.search-form{flex-wrap:wrap;gap:.6rem;display:flex}.search-input{font:inherit;font-family:var(--ue-mono);border-radius:var(--radius);border:1px solid #ccc;flex:280px;padding:.75rem 1rem}.search-input:focus{outline:2px solid var(--ue-accent);outline-offset:1px;border-color:var(--ue-accent)}.primary-button,.secondary-button{font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.75rem 1.2rem;font-weight:600}.primary-button{background:var(--ue-ink);color:#fff}.primary-button:hover{background:var(--ue-accent)}.secondary-button{background:#fff;border-color:#ccc}.secondary-button:hover{border-color:var(--ue-accent);color:var(--ue-accent)}.search-hint{color:#888;margin:.5rem 0 0;font-size:.85rem}.search-hint code{font-family:var(--ue-mono)}.quick-picks{margin:var(--space-md) 0;padding:var(--space-sm);border-radius:var(--radius);background:#fafafa;border:1px solid #eee;flex-direction:column;gap:.6rem;display:flex}.quick-pick-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.quick-pick-label{color:#888;text-transform:uppercase;letter-spacing:.03em;flex:0 0 150px;font-size:.8rem;font-weight:600}.quick-pick-row{flex-wrap:wrap;gap:.4rem;display:flex}.quick-pick-chip{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.15rem;transition:border-color .15s,transform .1s;display:flex}.quick-pick-chip:hover{border-color:var(--ue-accent);transform:translateY(-2px)}.name-matches-heading{color:#666;font-size:.9rem}.name-matches-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.name-match-item{cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.name-match-item:hover{border-color:var(--ue-accent)}.name-match-glyph{text-align:center;width:1.6rem;font-size:1.3rem}.name-match-label{color:#444;font-size:.85rem}.empty-state{padding:var(--space-md);text-align:center;color:#888;border-radius:var(--radius);border:1px dashed #ddd}.specimen-wrap{gap:var(--space-md);margin:var(--space-lg) 0 var(--space-md);flex-wrap:wrap;align-items:stretch;display:flex}.specimen-card{padding:var(--space-md);border-radius:var(--radius);background:linear-gradient(#0000 23px,#eee 24px) 0 0/100% 24px,#fff;border:1px dashed #ccc;flex-direction:column;flex:0 0 200px;justify-content:center;align-items:center;gap:.75rem;display:flex}.specimen-glyph{color:var(--ue-ink);font-size:4.5rem;line-height:1}.specimen-stamp{font-family:var(--ue-mono);letter-spacing:.03em;color:var(--ue-accent);border:1.5px solid var(--ue-accent);background:#fff;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:700}.specimen-info{flex-direction:column;flex:260px;justify-content:center;gap:.75rem;display:flex}.specimen-name{margin:0;font-size:1.4rem}.specimen-desc{color:#555;margin:0}.specimen-chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--ue-accent-soft);color:var(--ue-ink);border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:600}.section{margin-top:var(--space-lg)}.section-title{color:#333;margin:0 0 .75rem;font-size:1rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.info-tile{background:#fafafa;border:1px solid #eee;border-radius:8px;flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.info-tile-label{text-transform:uppercase;letter-spacing:.03em;color:#999;font-size:.75rem}.info-tile-value{color:var(--ue-ink);font-weight:600}.data-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.data-row:last-child{border-bottom:none}.data-label{color:#777;flex:0 0 170px;font-size:.85rem}.data-value{word-break:break-all;flex:1}.data-value.mono{font-family:var(--ue-mono);font-size:.92rem}.copy-button{font:inherit;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;flex:none;padding:.35rem .7rem;font-size:.8rem}.copy-button:hover{border-color:var(--ue-accent);color:var(--ue-accent)}.copy-button.copied{color:#2e7d32;border-color:#4caf50}.confusable-list{flex-direction:column;gap:.5rem;display:flex}.confusable-item{background:var(--ue-warn-soft);cursor:pointer;text-align:left;font:inherit;border:1px solid #f0dcb8;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.confusable-item:hover{border-color:var(--ue-warn)}.confusable-glyph{text-align:center;width:1.8rem;color:var(--ue-warn);font-size:1.4rem}.confusable-note{color:#555;font-size:.85rem}.confusable-note strong{font-family:var(--ue-mono);color:var(--ue-ink)}.nearby-strip{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.nearby-tile{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:.25rem;min-width:3rem;padding:.5rem .6rem;display:flex}.nearby-tile:hover{border-color:var(--ue-accent)}.nearby-tile.active{border-color:var(--ue-accent);background:var(--ue-accent-soft)}.nearby-glyph{font-size:1.2rem}.nearby-code{font-family:var(--ue-mono);color:#999;font-size:.7rem}.breakdown-input{width:100%;min-height:140px;font:inherit;border-radius:var(--radius);resize:vertical;margin-bottom:var(--space-md);border:1px solid #ccc;padding:1rem;line-height:1.6;display:block}.breakdown-output{flex-direction:column;gap:.5rem;display:flex}.breakdown-row{background:#fafafa;border:1px solid #eee;border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem .8rem;display:flex}.breakdown-glyph{text-align:center;width:2.2rem;color:var(--ue-ink);flex:none;font-size:1.6rem}.breakdown-detail{flex-wrap:wrap;gap:.4rem;display:flex}.breakdown-chip{font-family:var(--ue-mono);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.3rem .55rem;font-size:.78rem}.breakdown-chip:hover{border-color:var(--ue-accent);color:var(--ue-accent)}@media (width<=640px){.quick-pick-label{flex-basis:100%}.data-row{flex-wrap:wrap}.data-label{flex-basis:100%}.specimen-wrap{text-align:center;flex-direction:column;align-items:center}.specimen-chips{justify-content:center}}