:root{--char-counter-primary:var(--main-primary);--char-counter-bg:#fff;--char-counter-bg-secondary:#f8fafc;--char-counter-text:#1e293b;--char-counter-text-muted:#64748b;--char-counter-border:#e2e8f0;--char-counter-stat-bg:#f1f5f9;--char-counter-success:#10b981;--char-counter-warning:#f59e0b;--char-counter-danger:#ef4444;--char-counter-shadow:0 1px 3px #0000000f}._char-counter-container{flex-direction:column;gap:1rem;width:100%;max-width:1000px;margin:0 auto;display:flex}._char-counter-main-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}._char-counter-actions{background:var(--char-counter-bg);border-style:solid;border-width:1px;border-color:var(--char-counter-border);box-shadow:var(--char-counter-shadow);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}._char-counter-actions-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}._char-counter-actions-right{align-items:center;gap:.5rem;display:flex}._char-counter-input-wrapper{background:var(--char-counter-bg);border-style:solid;border-width:1px;border-color:var(--char-counter-border);box-shadow:var(--char-counter-shadow);border-radius:.75rem;position:relative;overflow:hidden}._char-counter-secondary-stats{background:var(--char-counter-bg);border-style:solid;border-width:1px;border-color:var(--char-counter-border);box-shadow:var(--char-counter-shadow);border-radius:.75rem;justify-content:space-between;align-items:stretch;padding:.875rem 1.25rem;display:flex}@media (max-width:768px){._char-counter-container{padding-left:1rem;padding-right:1rem}._char-counter-main-stats{grid-template-columns:1fr!important}._char-counter-main-stat-cjk{grid-column:span 1}._char-counter-secondary-stats{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:0;padding:.75rem .5rem;overflow-x:auto}._char-counter-secondary-stats::-webkit-scrollbar{height:4px}._char-counter-secondary-stats::-webkit-scrollbar-track{background:0 0}._char-counter-secondary-stats::-webkit-scrollbar-thumb{background:var(--char-counter-border);border-radius:2px}}@media (max-width:480px){._char-counter-actions{gap:.5rem;padding:.625rem .75rem}._char-counter-actions-left{flex-direction:row;justify-content:space-between;gap:.5rem;width:100%}._char-counter-actions-right{position:absolute;top:.625rem;right:.75rem}._char-counter-actions{position:relative}._char-counter-limit-group{order:2;width:100%}}._char-counter-main-stat{background:var(--char-counter-bg);border-style:solid;border-width:1px;border-color:var(--char-counter-border);box-shadow:var(--char-counter-shadow);border-radius:.75rem;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}._char-counter-main-stat-icon{background:var(--char-counter-primary);color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}._char-counter-main-stat-icon svg{width:24px;height:24px}._char-counter-main-stat-content{flex-direction:column;gap:.125rem;display:flex}._char-counter-main-stat-value{color:var(--char-counter-text);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:2rem;font-weight:700;line-height:1.1}._char-counter-main-stat-label{color:var(--char-counter-text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.8125rem;font-weight:500}._char-counter-tabs{background:var(--char-counter-bg-secondary,#f1f5f9);border-radius:.5rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem;display:flex}._char-counter-tab{color:var(--char-counter-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}._char-counter-tab:hover{color:var(--char-counter-text)}._char-counter-tab.active{background:var(--char-counter-bg);color:var(--char-counter-text);box-shadow:0 1px 2px #0000000d}._char-counter-tab svg{width:14px;height:14px}._char-counter-tab-content{display:none}._char-counter-tab-content.active{display:block}._char-counter-textarea{resize:none;width:100%;height:350px;color:var(--char-counter-text);background:0 0;border:none;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;line-height:1.6;overflow-y:auto}._char-counter-textarea:focus{outline:none}._char-counter-textarea::placeholder{color:var(--char-counter-text-muted)}._char-counter-textarea-rich{min-height:350px}._char-counter-input-wrapper .tox-tinymce{border:none!important;border-radius:0!important}._char-counter-input-wrapper .tox-editor-header{border-bottom-style:solid!important;border-bottom-width:1px!important;border-bottom-color:var(--char-counter-border)!important}._char-counter-input-wrapper .tox-sidebar-wrap{min-height:300px!important}._char-counter-secondary-stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.5rem .75rem;display:flex;position:relative}._char-counter-secondary-stat:not(:last-child):after{content:"";background:var(--char-counter-border);width:1px;height:70%;position:absolute;top:50%;right:0;transform:translateY(-50%)}._char-counter-secondary-stat-main{flex-direction:column;align-items:center;gap:.125rem;display:flex}._char-counter-secondary-stat-main svg{width:16px;height:16px;color:var(--char-counter-primary);opacity:.8}._char-counter-secondary-stat-label{color:var(--char-counter-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.6875rem;font-weight:500}._char-counter-secondary-stat-value{color:var(--char-counter-text);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1rem;font-weight:700}._char-counter-help-btn{width:18px;height:18px;color:var(--char-counter-text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:.25rem;padding:0;transition:opacity .2s,color .2s;display:flex}._char-counter-help-btn:hover{opacity:1;color:var(--char-counter-primary)}._char-counter-help-btn svg{width:12px;height:12px}._char-counter-view-btn{width:18px;height:18px;color:var(--char-counter-text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:.25rem;padding:0;transition:opacity .2s,color .2s;display:flex}._char-counter-view-btn:hover,._char-counter-view-btn.active{opacity:1;color:var(--char-counter-primary)}._char-counter-view-btn:disabled{cursor:not-allowed}._char-counter-view-btn svg{width:12px;height:12px}._char-counter-help-panel{border-style:solid;border-width:1px;border-color:var(--char-counter-border);color:var(--char-counter-text);background:#fff;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}._char-counter-help-content{flex:1}._char-counter-help-close{width:20px;height:20px;color:var(--char-counter-text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}._char-counter-help-close:hover{opacity:1}._char-counter-top-words{background:var(--char-counter-bg);border-style:solid;border-width:1px;border-color:var(--char-counter-border);box-shadow:var(--char-counter-shadow);border-radius:.75rem;overflow:hidden}._char-counter-top-words-header{background:var(--char-counter-bg-secondary,#f8fafc);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--char-counter-border);color:var(--char-counter-text);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;display:flex}._char-counter-top-words-header>svg{width:16px;height:16px;color:var(--char-counter-primary);flex-shrink:0}._char-counter-top-words-header>span{flex:1}._char-counter-top-words-close{width:24px;height:24px;color:var(--char-counter-text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}._char-counter-top-words-close:hover{opacity:1;background:#0000000d}._char-counter-top-words-close svg{width:14px;height:14px}._char-counter-top-words-list{grid-template-columns:repeat(3,1fr);gap:0;max-height:300px;display:grid;overflow-y:auto}._char-counter-word-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--char-counter-border);border-right-style:solid;border-right-width:1px;border-right-color:var(--char-counter-border);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background-color .15s;display:flex}._char-counter-word-item:hover{background-color:var(--char-counter-bg-secondary,#f8fafc)}._char-counter-word-item:nth-child(3n){border-right:none}._char-counter-word-item:nth-last-child(-n+3){border-bottom:none}._char-counter-word-rank{color:var(--char-counter-text-muted);flex-shrink:0;min-width:1.25rem;font-size:.75rem;font-weight:500;display:none!important}._char-counter-word-text{color:var(--char-counter-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;font-weight:500;overflow:hidden}._char-counter-word-count{color:var(--char-counter-text-muted);background:var(--char-counter-bg-secondary,#f1f5f9);border-radius:1rem;padding:.125rem .5rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.75rem;font-weight:600}._char-counter-limit-group{align-items:center;gap:.5rem;display:flex}._char-counter-select{border-style:solid;border-width:1px;border-color:var(--char-counter-border);background:var(--char-counter-bg);color:var(--char-counter-text);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;font-weight:500;transition:border-color .2s}._char-counter-select:hover{border-color:var(--char-counter-primary)}._char-counter-select:focus{border-color:var(--char-counter-primary);outline:none}._char-counter-custom-input{border-style:solid;border-width:1px;border-color:var(--char-counter-border);background:var(--char-counter-bg);width:70px;color:var(--char-counter-text);text-align:center;border-radius:.5rem;padding:.5rem;font-size:.8125rem;font-weight:500;transition:border-color .2s}._char-counter-custom-input:hover{border-color:var(--char-counter-primary)}._char-counter-custom-input:focus{border-color:var(--char-counter-primary);outline:none}._char-counter-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._char-counter-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._char-counter-limit-wrapper{background:var(--char-counter-bg);border-style:solid;border-width:1px;border-color:var(--char-counter-border);border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}._char-counter-limit-bar{background:var(--char-counter-border);border-radius:4px;flex:1;height:8px;overflow:hidden}._char-counter-limit-progress{background:var(--char-counter-success);border-radius:3px;width:0%;height:100%;transition:width .2s,background .2s;display:block}._char-counter-limit-progress.warning{background:var(--char-counter-warning)}._char-counter-limit-progress.danger{background:var(--char-counter-danger)}._char-counter-limit-text{color:var(--char-counter-text-muted);min-width:70px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.75rem;font-weight:600}._char-counter-limit-text.warning{color:var(--char-counter-warning)}._char-counter-limit-text.danger{color:var(--char-counter-danger)}._char-counter-btn{cursor:pointer;border-style:solid;border-width:1px;border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:flex}._char-counter-btn-secondary{border-color:var(--char-counter-border);background:var(--char-counter-bg);color:var(--char-counter-text-muted)}._char-counter-btn-secondary:hover{border-color:var(--char-counter-primary);color:var(--char-counter-primary)}._char-counter-btn-danger{border-color:var(--char-counter-border);background:var(--char-counter-bg);color:var(--char-counter-text-muted)}._char-counter-btn-danger:hover{border-color:var(--char-counter-danger);color:var(--char-counter-danger);background:#ef444414}@media (max-width:768px){._char-counter-tab span{display:none}}@media (max-width:480px){._char-counter-select{flex:1;width:100%}._char-counter-custom-input{flex-shrink:0;width:60px}._char-counter-limit-group{gap:.5rem;display:flex}}@media (max-width:768px){._char-counter-textarea{height:220px}._char-counter-top-words-list{grid-template-columns:1fr}._char-counter-word-item{border-right:none}._char-counter-word-item:last-child{border-bottom:none}._char-counter-main-stat{padding:1rem 1.25rem}._char-counter-main-stat-icon{width:3rem;height:3rem}._char-counter-main-stat-icon svg{width:20px;height:20px}._char-counter-main-stat-value{font-size:1.5rem}._char-counter-secondary-stat{flex:none;min-width:70px;padding:.5rem .75rem}._char-counter-secondary-stat-value{font-size:.875rem}._char-counter-secondary-stat-label{white-space:nowrap;font-size:.5625rem}._char-counter-secondary-stat:not(:last-child):after{height:50%}}