:root{--icd-primary:#6366f1;--icd-primary-hover:#4f46e5;--icd-primary-light:#6366f114;--icd-primary-border:#6366f133;--icd-text:#0f172a;--icd-text-secondary:#475569;--icd-text-muted:#94a3b8;--icd-bg:#fff;--icd-bg-subtle:#f8fafc;--icd-bg-hover:#f1f5f9;--icd-bg-active:#e2e8f0;--icd-border:#e2e8f0;--icd-border-focus:var(--icd-primary);--icd-shadow-sm:0 1px 2px 0 #0000000d;--icd-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--icd-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--icd-shadow-focus:0 0 0 3px #6366f140;--icd-radius:.5rem;--icd-radius-lg:1rem;--icd-radius-full:9999px;--icd-transition:.2s cubic-bezier(.4, 0, .2, 1);--icd-cat-zero-width:#f43f5e;--icd-cat-zero-width-bg:#fff1f2;--icd-cat-zero-width-border:#fecdd3;--icd-cat-whitespace:#3b82f6;--icd-cat-whitespace-bg:#eff6ff;--icd-cat-whitespace-border:#bfdbfe;--icd-cat-control:#f59e0b;--icd-cat-control-bg:#fffbeb;--icd-cat-control-border:#fde68a;--icd-cat-special:#8b5cf6;--icd-cat-special-bg:#f5f3ff;--icd-cat-special-border:#ddd6fe}._icd-container{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;padding:2rem 1rem;display:flex}._icd-container .is-hidden{display:none!important}._icd-card{background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius-lg);box-shadow:var(--icd-shadow);transition:box-shadow var(--icd-transition);flex-direction:column;display:flex;overflow:hidden}._icd-card:hover{box-shadow:var(--icd-shadow-lg)}._icd-card-header{background:var(--icd-bg);border-bottom:1px solid var(--icd-border);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}._icd-card-title{color:var(--icd-text);letter-spacing:-.025em;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex}._icd-card-actions{align-items:center;gap:.75rem;display:flex}._icd-total-badge{color:#fff;background:var(--icd-primary);border-radius:var(--icd-radius-full);justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;font-weight:700;display:inline-flex}._icd-btn{color:var(--icd-text);background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius-full);cursor:pointer;transition:all var(--icd-transition);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}._icd-btn:hover{background:var(--icd-bg-hover);border-color:var(--icd-text-secondary)}._icd-btn-primary{background:var(--icd-primary);border-color:var(--icd-primary);color:#fff;box-shadow:0 4px 6px -1px #6366f14d}._icd-btn-primary:hover{background:var(--icd-primary-hover);border-color:var(--icd-primary-hover);box-shadow:0 6px 8px -1px #6366f166}._icd-btn-secondary{background:var(--icd-bg);border-color:var(--icd-primary-border);color:var(--icd-primary)}._icd-btn-secondary:hover{background:var(--icd-primary-light);border-color:var(--icd-primary);color:var(--icd-primary-hover)}._icd-btn-icon{width:2.5rem;height:2.5rem;color:var(--icd-text-secondary);border-radius:var(--icd-radius-full);cursor:pointer;transition:all var(--icd-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}._icd-btn-icon:hover{color:var(--icd-primary);background:var(--icd-primary-light);border-color:var(--icd-primary-border)}@media (max-width:768px){._icd-container{gap:1rem;padding:1rem}._icd-card-header{flex-wrap:wrap;padding:1rem}}._icd-input-wrapper{background:var(--icd-bg);padding:1rem;position:relative}._icd-textarea{width:100%;min-height:160px;font-family:var(--main-font-mono);color:var(--icd-text);background:var(--icd-bg-subtle);border:1px solid var(--icd-border);border-radius:var(--icd-radius);resize:vertical;transition:all var(--icd-transition);outline:none;padding:1rem;font-size:.9375rem;line-height:1.6}._icd-textarea::placeholder{color:var(--icd-text-muted)}._icd-textarea:focus{background:var(--icd-bg);border-color:var(--icd-primary);box-shadow:0 0 0 3px var(--icd-primary-light)}@media (max-width:768px){._icd-textarea{min-height:120px;font-size:16px}}._icd-summary{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}._icd-summary-card{background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius-lg);box-shadow:var(--icd-shadow-sm);cursor:pointer;transition:all var(--icd-transition);align-items:center;gap:1rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}._icd-summary-card:hover{box-shadow:var(--icd-shadow);border-color:var(--icd-primary-border)}._icd-summary-card.is-active{border-color:var(--icd-primary);background:var(--icd-bg-subtle);box-shadow:0 0 0 2px var(--icd-primary-light)}._icd-summary-card.has-items._icd-summary-card[data-category=zero-width]{border-bottom:3px solid var(--icd-cat-zero-width)}._icd-summary-card.has-items._icd-summary-card[data-category=whitespace]{border-bottom:3px solid var(--icd-cat-whitespace)}._icd-summary-card.has-items._icd-summary-card[data-category=control]{border-bottom:3px solid var(--icd-cat-control)}._icd-summary-card.has-items._icd-summary-card[data-category=special]{border-bottom:3px solid var(--icd-cat-special)}._icd-summary-icon{border-radius:var(--icd-radius);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}._icd-summary-icon._icd-cat-zero-width{background:var(--icd-cat-zero-width-bg);color:var(--icd-cat-zero-width);border:1px solid var(--icd-cat-zero-width-border)}._icd-summary-icon._icd-cat-whitespace{background:var(--icd-cat-whitespace-bg);color:var(--icd-cat-whitespace);border:1px solid var(--icd-cat-whitespace-border)}._icd-summary-icon._icd-cat-control{background:var(--icd-cat-control-bg);color:var(--icd-cat-control);border:1px solid var(--icd-cat-control-border)}._icd-summary-icon._icd-cat-special{background:var(--icd-cat-special-bg);color:var(--icd-cat-special);border:1px solid var(--icd-cat-special-border)}._icd-summary-info{flex-direction:column;min-width:0;display:flex}._icd-summary-count{color:var(--icd-text);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.5rem;font-weight:800;line-height:1}._icd-summary-label{color:var(--icd-text-secondary);white-space:nowrap;font-size:.8125rem;font-weight:500}@media (max-width:768px){._icd-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){._icd-summary-card{gap:.75rem;padding:1rem}._icd-summary-icon{width:2.5rem;height:2.5rem}._icd-summary-count{font-size:1.25rem}}._icd-results-content{min-height:100px;padding:1.5rem}._icd-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}._icd-empty-icon{color:var(--icd-text-muted);opacity:.3;margin-bottom:1rem;font-size:3rem}._icd-empty-state p{color:var(--icd-text-muted);max-width:300px;margin:0;font-size:.9375rem;line-height:1.5}._icd-empty-state.is-success ._icd-empty-icon{color:#10b981;opacity:1}._icd-empty-state.is-success p{color:var(--icd-text);font-weight:500}._icd-results-list{flex-direction:column;gap:1.5rem;display:flex}._icd-results-list:empty+._icd-empty-state,._icd-empty-state:not(.is-hidden){display:flex}._icd-results-list:not(:empty)~._icd-empty-state,._icd-empty-state.is-hidden{display:none}._icd-result-group{flex-direction:column;gap:.75rem;display:flex}._icd-result-group-header{text-transform:uppercase;letter-spacing:.05em;color:var(--icd-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}._icd-result-group-header._icd-cat-zero-width{color:var(--icd-cat-zero-width)}._icd-result-group-header._icd-cat-whitespace{color:var(--icd-cat-whitespace)}._icd-result-group-header._icd-cat-control{color:var(--icd-cat-control)}._icd-result-group-header._icd-cat-special{color:var(--icd-cat-special)}._icd-result-group-count{background:var(--icd-bg-active);border-radius:var(--icd-radius-full);color:var(--icd-text);padding:.125rem .5rem;font-size:.75rem;font-weight:700}._icd-result-items{flex-wrap:wrap;gap:.625rem;display:flex}._icd-result-item{background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius-full);cursor:default;transition:all var(--icd-transition);box-shadow:var(--icd-shadow-sm);align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;display:inline-flex}._icd-result-item:hover{border-color:var(--icd-primary-border);box-shadow:var(--icd-shadow)}._icd-result-badge{font-size:.75rem;font-weight:700;font-family:var(--main-font-mono);border-radius:var(--icd-radius);text-transform:uppercase;justify-content:center;align-items:center;padding:.25rem .5rem;line-height:1;display:inline-flex}._icd-result-badge._icd-cat-zero-width{background:var(--icd-cat-zero-width-bg);color:var(--icd-cat-zero-width)}._icd-result-badge._icd-cat-whitespace{background:var(--icd-cat-whitespace-bg);color:var(--icd-cat-whitespace)}._icd-result-badge._icd-cat-control{background:var(--icd-cat-control-bg);color:var(--icd-cat-control)}._icd-result-badge._icd-cat-special{background:var(--icd-cat-special-bg);color:var(--icd-cat-special)}._icd-result-unicode{font-family:var(--main-font-mono);color:var(--icd-text-secondary);font-size:.75rem}._icd-result-count{color:var(--icd-text-muted);font-size:.75rem;font-weight:600}._icd-result-remove{width:1.25rem;height:1.25rem;color:var(--icd-text-muted);cursor:pointer;opacity:0;transition:all var(--icd-transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:.25rem;font-size:.875rem;display:inline-flex}._icd-result-item:hover ._icd-result-remove{opacity:1}._icd-result-remove:hover{color:#ef4444;background:#ef44441a}._icd-actions-bar{background:var(--icd-bg-subtle);border-top:1px solid var(--icd-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}._icd-stats{color:var(--icd-text-secondary);font-size:.875rem;font-weight:500}._icd-stats-sep{color:var(--icd-border);margin:0 .5rem}._icd-actions-btns{gap:.75rem;display:flex}@media (max-width:768px){._icd-actions-bar{flex-direction:column;align-items:stretch;gap:1rem}._icd-stats{text-align:center}._icd-actions-btns{justify-content:center}}._icd-copy-panel{background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius-lg);box-shadow:var(--icd-shadow);overflow:hidden}._icd-copy-toggle{background:var(--icd-bg-subtle);cursor:pointer;width:100%;transition:all var(--icd-transition);border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}._icd-copy-toggle:hover{background:var(--icd-bg-hover)}._icd-copy-toggle-left{color:var(--icd-text);align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;display:flex}._icd-copy-toggle-icon{color:var(--icd-text-muted);transition:transform var(--icd-transition)}._icd-copy-panel.is-open ._icd-copy-toggle-icon{transform:rotate(180deg)}._icd-copy-body{border-top:1px solid var(--icd-border);padding:1.25rem;display:none}._icd-copy-panel.is-open ._icd-copy-body{display:block}._icd-copy-section{margin-bottom:1.5rem}._icd-copy-section:last-child{margin-bottom:0}._icd-copy-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}._icd-copy-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--icd-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}._icd-copy-hint{color:var(--icd-text-muted);font-size:.75rem;font-style:italic}._icd-copy-grid{flex-wrap:wrap;gap:.625rem;display:flex}._icd-copy-grid-popular{gap:.875rem}._icd-copy-card{background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius);cursor:pointer;min-width:80px;transition:all var(--icd-transition);box-shadow:var(--icd-shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem 1rem;display:flex}._icd-copy-card:hover{border-color:var(--icd-primary);background:var(--icd-bg-subtle);box-shadow:var(--icd-shadow)}._icd-copy-card-name{color:var(--icd-text);font-size:.75rem;font-weight:600}._icd-copy-card-unicode{font-size:.6875rem;font-family:var(--main-font-mono);color:var(--icd-text-muted)}._icd-copy-card-desc{color:var(--icd-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.6875rem;overflow:hidden}._icd-copy-card._icd-copy-card-popular{gap:.5rem;min-width:140px;padding:1rem}._icd-copy-card-popular ._icd-copy-card-name{font-size:.9375rem}._icd-copy-card-popular ._icd-copy-card-desc{font-size:.75rem}._icd-copy-options{background:var(--icd-bg-subtle);border:1px solid var(--icd-border);border-radius:var(--icd-radius);box-shadow:var(--icd-shadow-sm);margin-top:1.25rem;padding:1.25rem;display:none}._icd-copy-options.is-visible{animation:.2s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}._icd-copy-options-header{border-bottom:1px solid var(--icd-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}._icd-copy-options-title{color:var(--icd-text);font-size:.9375rem;font-weight:600}._icd-copy-options-close{width:2rem;height:2rem;color:var(--icd-text-muted);border-radius:50%}._icd-copy-options-close:hover{color:var(--icd-text);background:var(--icd-bg-active)}._icd-copy-options-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}._icd-copy-options-label{color:var(--icd-text-secondary);font-size:.875rem;font-weight:500}._icd-quantity-btns{align-items:center;gap:.5rem;display:flex}._icd-qty-btn{min-width:2.25rem;height:2.25rem;color:var(--icd-text);background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius);cursor:pointer;transition:all var(--icd-transition);justify-content:center;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:600;display:inline-flex}._icd-qty-btn:hover{border-color:var(--icd-primary);color:var(--icd-primary)}._icd-qty-btn.is-active{background:var(--icd-primary);border-color:var(--icd-primary);color:#fff;box-shadow:0 2px 4px #6366f14d}._icd-qty-input{width:70px;height:2.25rem;color:var(--icd-text);background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius);text-align:center;transition:all var(--icd-transition);outline:none;padding:0 .5rem;font-size:.875rem}._icd-qty-input:focus{border-color:var(--icd-primary);box-shadow:0 0 0 2px var(--icd-primary-light)}._icd-qty-input::placeholder{color:var(--icd-text-muted)}@media (max-width:768px){._icd-copy-options-row{flex-direction:column;align-items:stretch}._icd-quantity-btns{flex-wrap:wrap;justify-content:flex-start}}._icd-info-panel{background:var(--icd-bg);border:1px solid var(--icd-border);border-radius:var(--icd-radius-lg);box-shadow:var(--icd-shadow);overflow:hidden}._icd-info-toggle{background:var(--icd-bg-subtle);cursor:pointer;width:100%;transition:all var(--icd-transition);border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}._icd-info-toggle:hover{background:var(--icd-bg-hover)}._icd-info-toggle-left{color:var(--icd-text);align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;display:flex}._icd-info-toggle-icon{color:var(--icd-text-muted);transition:transform var(--icd-transition)}._icd-info-panel.is-open ._icd-info-toggle-icon{transform:rotate(180deg)}._icd-info-body{border-top:1px solid var(--icd-border);padding:1.5rem;display:none}._icd-info-panel.is-open ._icd-info-body{display:block}._icd-info-section{margin-bottom:2rem}._icd-info-section:last-child{margin-bottom:0}._icd-info-title{color:var(--icd-text);letter-spacing:-.01em;margin:0 0 1rem;font-size:1rem;font-weight:700}._icd-info-text{color:var(--icd-text-secondary);margin:0;font-size:.9375rem;line-height:1.7}._icd-info-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}._icd-info-type{background:var(--icd-bg-subtle);border:1px solid var(--icd-border);border-radius:var(--icd-radius);transition:all var(--icd-transition);padding:1.25rem}._icd-info-type:hover{border-color:var(--icd-text-muted);box-shadow:var(--icd-shadow-sm)}._icd-info-type-header{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}._icd-info-type-header._icd-cat-zero-width{color:var(--icd-cat-zero-width)}._icd-info-type-header._icd-cat-whitespace{color:var(--icd-cat-whitespace)}._icd-info-type-header._icd-cat-control{color:var(--icd-cat-control)}._icd-info-type-header._icd-cat-special{color:var(--icd-cat-special)}._icd-info-type-desc{color:var(--icd-text-secondary);margin:0;font-size:.875rem;line-height:1.6}._icd-info-list{color:var(--icd-text-secondary);margin:0;padding-left:1.25rem;font-size:.9375rem;line-height:1.8}._icd-info-list li{margin-bottom:.375rem}._icd-info-list li:last-child{margin-bottom:0}@media (max-width:768px){._icd-info-grid{grid-template-columns:1fr}}