:root{--wt-primary:#6366f1;--wt-primary-light:#818cf8;--wt-primary-dark:#4f46e5;--wt-primary-bg:#6366f114;--wt-bg:#fff;--wt-bg-secondary:#f8fafc;--wt-bg-tertiary:#f1f5f9;--wt-bg-input:#fff;--wt-text:#0f172a;--wt-text-secondary:#475569;--wt-text-muted:#64748b;--wt-text-placeholder:#94a3b8;--wt-border:#e2e8f0;--wt-border-light:#f1f5f9;--wt-shadow-sm:0 1px 2px #0000000a;--wt-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--wt-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--wt-shadow-focus:0 0 0 3px #6366f126;--wt-success:#10b981;--wt-success-bg:#10b9811a;--wt-radius:1rem;--wt-radius-md:.75rem;--wt-radius-sm:.5rem;--wt-radius-xs:.375rem}._wt-container{gap:var(--main-space-5);flex-direction:column;max-width:800px;margin:0 auto;display:flex}._wt-mode-bar{background:var(--wt-bg);border-radius:var(--wt-radius-sm);box-shadow:var(--wt-shadow-sm);border-style:solid;border-width:1px;border-color:var(--wt-border);gap:.25rem;padding:.25rem;display:flex}._wt-mode-btn{border-radius:var(--wt-radius-xs);color:var(--wt-text-muted);font-family:inherit;font-size:var(--main-text-sm);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;transition:color .2s,background .2s;display:flex}._wt-mode-btn:hover{color:var(--wt-text);background:var(--wt-bg-secondary)}._wt-mode-btn.active{background:var(--wt-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._wt-variant-bar{justify-content:center;gap:.5rem;display:flex}._wt-variant-btn{border-style:solid;border-width:1px;border-color:var(--wt-border);border-radius:var(--wt-radius-sm);background:var(--wt-bg);color:var(--wt-text-muted);font-family:inherit;font-size:var(--main-text-xs);cursor:pointer;padding:.375rem 1rem;font-weight:500;transition:color .2s,border-color .2s,background .2s}._wt-variant-btn:hover{color:var(--wt-text);border-color:var(--wt-primary-light)}._wt-variant-btn.active{color:var(--wt-primary);border-color:var(--wt-primary);background:var(--wt-primary-bg)}@media (max-width:768px){._wt-container{gap:var(--main-space-4);padding-left:1rem;padding-right:1rem}._wt-mode-btn{-webkit-tap-highlight-color:transparent;min-height:44px;padding:.75rem}._wt-variant-btn{-webkit-tap-highlight-color:transparent;min-height:40px;padding:.5rem .875rem}}@media (max-width:480px){._wt-mode-bar{gap:.125rem;padding:.1875rem}._wt-mode-btn{font-size:var(--main-text-xs);gap:.375rem;padding:.625rem .5rem}._wt-variant-bar{flex-wrap:wrap}}._wt-input-section{background:var(--wt-bg);border-radius:var(--wt-radius);box-shadow:var(--wt-shadow);border-style:solid;border-width:1px;border-color:var(--wt-border);overflow:hidden}._wt-input-wrapper{padding:var(--main-space-4)}._wt-textarea{resize:vertical;width:100%;min-height:120px;font-size:var(--main-text-base);color:var(--wt-text);background:0 0;border:none;outline:none;font-family:inherit;line-height:1.6}._wt-textarea::placeholder{color:var(--wt-text-placeholder)}._wt-toolbar{padding:.625rem var(--main-space-4);background:var(--wt-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--wt-border-light);justify-content:space-between;align-items:center;display:flex}._wt-stats{gap:1rem;display:flex}._wt-stat{font-size:var(--main-text-xs);color:var(--wt-text-muted);align-items:center;gap:.375rem;display:flex}._wt-actions{gap:.25rem;display:flex}._wt-action-btn{border-radius:var(--wt-radius-xs);color:var(--wt-text-muted);font-family:inherit;font-size:var(--main-text-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:color .2s,background .2s;display:flex}._wt-action-btn:hover{color:var(--wt-text);background:var(--wt-bg-tertiary)}._wt-output-section{background:var(--wt-bg);border-radius:var(--wt-radius);box-shadow:var(--wt-shadow);border-style:solid;border-width:1px;border-color:var(--wt-border);overflow:hidden}._wt-output-header{padding:.75rem var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wt-border-light);justify-content:space-between;align-items:center;display:flex}._wt-output-title{font-size:var(--main-text-sm);color:var(--wt-text);font-weight:600}._wt-copy-btn{border-style:solid;border-width:1px;border-color:var(--wt-border);border-radius:var(--wt-radius-xs);background:var(--wt-bg);color:var(--wt-text-secondary);font-family:inherit;font-size:var(--main-text-xs);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:color .2s,border-color .2s;display:flex}._wt-copy-btn:hover{color:var(--wt-primary);border-color:var(--wt-primary-light)}._wt-output-content{padding:var(--main-space-4);min-height:100px}._wt-output-text{word-break:break-word;letter-spacing:.05em;color:var(--wt-text);font-size:1.375rem;line-height:1.8}._wt-empty-state{padding:var(--main-space-6) 0;color:var(--wt-text-placeholder);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}._wt-empty-state--hidden{display:none}._wt-empty-state p{font-size:var(--main-text-sm);margin:0}._wt-font-preview--hidden{display:none}._wt-font-preview{padding:.75rem var(--main-space-4) var(--main-space-4);border-top-style:dashed;border-top-width:1px;border-top-color:var(--wt-border-light)}._wt-preview-label{font-size:var(--main-text-xs);color:var(--wt-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}._wt-preview-text{word-break:break-word;color:var(--wt-text);background:var(--wt-bg-secondary);border-radius:var(--wt-radius-sm);border-style:solid;border-width:1px;border-color:var(--wt-border-light);padding:.75rem;font-size:1.375rem;line-height:1.8}._wt-preview-text[data-variant=wingdings]{font-family:Wingdings,sans-serif}._wt-preview-text[data-variant=wingdings2]{font-family:"Wingdings 2",sans-serif}._wt-preview-text[data-variant=wingdings3]{font-family:"Wingdings 3",sans-serif}._wt-preview-note{font-size:var(--main-text-xs);color:var(--wt-text-placeholder);margin-top:.375rem;font-style:italic}@supports (-webkit-touch-callout:none){._wt-textarea{font-size:16px}}._wt-action-btn,._wt-copy-btn,._wt-mode-btn,._wt-variant-btn,._wt-reference-toggle{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:768px){._wt-input-wrapper{padding:var(--main-space-3)}._wt-textarea{min-height:110px;font-size:16px}._wt-toolbar{padding:.625rem var(--main-space-3);flex-direction:column;align-items:stretch;gap:.625rem}._wt-stats{justify-content:space-between}._wt-actions{justify-content:space-between;gap:.375rem;width:100%}._wt-action-btn{min-height:40px;font-size:var(--main-text-xs);flex:1;justify-content:center;padding:.625rem .5rem}._wt-output-header{padding:.75rem var(--main-space-3)}._wt-copy-btn{min-height:40px;padding:.5rem .75rem}._wt-output-content{padding:var(--main-space-3)}._wt-output-text{font-size:1.125rem}._wt-font-preview{padding:.75rem var(--main-space-3) var(--main-space-3)}._wt-preview-text{font-size:1.125rem}}@media (max-width:480px){._wt-action-btn span:not(._wt-stat span){font-size:.6875rem}._wt-output-text,._wt-preview-text{letter-spacing:.03em;font-size:1rem}}._wt-reference-section{background:var(--wt-bg);border-radius:var(--wt-radius);box-shadow:var(--wt-shadow);border-style:solid;border-width:1px;border-color:var(--wt-border);overflow:hidden}._wt-reference-toggle{width:100%;padding:.875rem var(--main-space-4);color:var(--wt-text);font-family:inherit;font-size:var(--main-text-sm);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;transition:background .2s;display:flex}._wt-reference-toggle:hover{background:var(--wt-bg-secondary)}._wt-toggle-icon{color:var(--wt-text-muted);display:flex}._wt-reference-content{padding:0 var(--main-space-4) var(--main-space-4)}._wt-ref-group{margin-bottom:var(--main-space-4)}._wt-ref-group:last-child{margin-bottom:0}._wt-ref-group-title{font-size:var(--main-text-xs);color:var(--wt-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wt-border-light);margin-bottom:.625rem;padding-bottom:.375rem;font-weight:600}._wt-ref-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.375rem;display:grid}._wt-ref-item{border-radius:var(--wt-radius-xs);background:var(--wt-bg-secondary);border-style:solid;border-width:1px;border-color:var(--wt-border-light);cursor:default;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;transition:border-color .2s;display:flex}._wt-ref-item:hover{border-color:var(--wt-primary-light)}._wt-ref-char{font-size:var(--main-text-xs);color:var(--wt-text-secondary);font-weight:600;font-family:var(--main-font-mono)}._wt-ref-symbol{color:var(--wt-primary-dark);font-size:1.25rem;line-height:1}._wt-ref-font{color:var(--wt-text-muted);font-size:1.25rem;line-height:1}._wt-ref-font[data-variant=wingdings]{font-family:Wingdings,sans-serif}._wt-ref-font[data-variant=wingdings2]{font-family:"Wingdings 2",sans-serif}._wt-ref-font[data-variant=wingdings3]{font-family:"Wingdings 3",sans-serif}@media (max-width:768px){._wt-reference-toggle{padding:1rem var(--main-space-3);-webkit-tap-highlight-color:transparent;min-height:48px}._wt-reference-content{padding:0 var(--main-space-3) var(--main-space-3)}._wt-ref-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}._wt-ref-item{padding:.5rem .25rem}}@media (max-width:480px){._wt-ref-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.3125rem}._wt-ref-item{gap:.1875rem;padding:.5rem .1875rem}._wt-ref-symbol,._wt-ref-font{font-size:1.0625rem}}