:root{--taa-primary:#6366f1;--taa-primary-hover:#4f46e5;--taa-primary-active:#4338ca;--taa-primary-light:#a5b4fc;--taa-primary-bg:#6366f114;--taa-bg:#fff;--taa-bg-secondary:#fafbfc;--taa-bg-tertiary:#f4f6f8;--taa-bg-hover:#6366f10a;--taa-text:#1a1a2e;--taa-text-secondary:#4a5568;--taa-text-muted:#718096;--taa-text-placeholder:#a0aec0;--taa-input-border:#d1d5db;--taa-input-border-hover:#9ca3af;--taa-input-border-focus:var(--taa-primary);--taa-border:#00000014;--taa-border-light:#0000000a;--taa-shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--taa-shadow:0 4px 12px #0000000d, 0 1px 3px #00000008;--taa-shadow-lg:0 8px 24px #0000000f, 0 2px 8px #0000000a;--taa-shadow-focus:0 0 0 3px #6366f126;--taa-success:#10b981;--taa-success-bg:#10b9811a;--taa-radius:.875rem;--taa-radius-lg:1.25rem;--taa-radius-sm:.625rem;--taa-radius-xs:.375rem;--taa-modal-backdrop:#00000080}._taa-container{flex-direction:column;gap:1rem;width:100%;max-width:1000px;margin:0 auto;display:flex}._taa-input-section{align-items:flex-end;gap:1rem;display:flex}._taa-input-card{background:var(--taa-bg);border-radius:var(--taa-radius);box-shadow:var(--taa-shadow-sm);flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}._taa-font-selector{flex-direction:column;gap:.5rem;display:flex}._taa-font-controls{gap:.5rem;display:flex}._taa-output-section{flex:1}@media (max-width:768px){._taa-container{padding-left:1rem;padding-right:1rem}._taa-input-section{flex-direction:column;align-items:stretch}._taa-font-selector{flex-direction:row;justify-content:space-between;align-items:center}}._taa-label{color:var(--taa-text-secondary);font-size:.875rem;font-weight:500;display:block}._taa-header-left ._taa-label{margin-bottom:0}._taa-input-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem .5rem;display:flex}._taa-input-wrapper{padding:0 1.5rem 1.25rem}._taa-char-count{color:var(--taa-text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}._taa-input{width:100%;color:var(--taa-text);background:var(--taa-bg);border:1px solid var(--taa-border);border-radius:var(--taa-radius);box-shadow:var(--taa-shadow-sm);outline:none;padding:1rem 1.25rem;font-family:inherit;font-size:1.125rem;transition:all .2s cubic-bezier(.4,0,.2,1)}._taa-input::placeholder{color:var(--taa-text-placeholder);opacity:.8}._taa-input:hover{border-color:var(--taa-input-border-hover);box-shadow:var(--taa-shadow)}._taa-input:focus{border-color:var(--taa-primary);box-shadow:0 0 0 4px var(--taa-primary-bg)}._taa-select{color:var(--taa-text);background-color:var(--taa-bg);border:1px solid var(--taa-border);border-radius:var(--taa-radius-sm);cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:var(--taa-shadow-sm);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='%236b7280' 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 .75rem center;background-repeat:no-repeat;outline:none;padding:.625rem 2.25rem .625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}._taa-select option{padding:.5rem;font-weight:500}._taa-select:hover{border-color:var(--taa-primary-light);box-shadow:var(--taa-shadow);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='%236366f1' 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")}._taa-select:focus{border-color:var(--taa-primary);box-shadow:0 0 0 3px var(--taa-primary-bg)}._taa-btn{border-radius:var(--taa-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:opacity .2s,background-color .2s;display:inline-flex}._taa-btn-secondary{background:var(--taa-bg);color:var(--taa-text-secondary);border-style:solid;border-width:1px;border-color:var(--taa-input-border)}._taa-btn-secondary:hover{background:var(--taa-bg-hover);border-color:var(--taa-input-border-hover)}._taa-btn-secondary svg{fill:currentColor;width:16px;height:16px}._taa-btn-ghost{color:var(--taa-text-muted);border-radius:var(--taa-radius-sm);background:0 0;padding:.5rem .75rem;font-size:.8125rem;transition:all .2s cubic-bezier(.4,0,.2,1)}._taa-btn-ghost:hover{color:var(--taa-primary);background:var(--taa-primary-bg)}@media (max-width:768px){._taa-input{font-size:16px}._taa-select{flex:1}}._taa-input-footer{border-top:1px solid var(--taa-tab-border,#e5e7eb);background:#f8fafc;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}._taa-options-row{align-items:center;gap:.75rem;display:flex}._taa-option-item{background:var(--taa-bg);border-radius:var(--taa-radius-sm);border:1px solid #0000000d;align-items:center;padding:.125rem .25rem .125rem .75rem;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}._taa-option-item:hover{border-color:var(--taa-primary-light);background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._taa-mini-label{color:var(--taa-primary);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--taa-border-light);opacity:.8;padding-right:.625rem;font-size:.65rem;font-weight:700}._taa-select-xs{box-shadow:none;color:var(--taa-text);background-color:#0000;background-position:right .25rem center;background-size:10px;border-color:#0000;height:28px;padding:.25rem 1.5rem .25rem .5rem;font-size:.8125rem;font-weight:600}._taa-select-xs:hover{color:var(--taa-primary)}._taa-select-xs:focus{box-shadow:none}._taa-divider-vertical{background:var(--taa-border);width:1px;height:1.5rem;margin:0 .5rem}._taa-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--taa-radius-sm);align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s;display:inline-flex}._taa-toggle:hover{background-color:var(--taa-bg-tertiary)}._taa-toggle input{-webkit-appearance:none;appearance:none;background:var(--taa-input-border);cursor:pointer;border-radius:20px;flex-shrink:0;width:36px;height:20px;transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}._taa-toggle input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}._taa-toggle input:checked{background:var(--taa-primary)}._taa-toggle input:checked:after{transform:translate(16px)}._taa-toggle-label{color:var(--taa-text);font-size:.875rem;font-weight:500}._taa-toggle-sm{padding:.25rem}._taa-toggle-sm input{width:28px;height:16px}._taa-toggle-sm input:after{width:12px;height:12px}._taa-toggle-sm input:checked:after{transform:translate(12px)}._taa-toggle-sm ._taa-toggle-label{font-size:.75rem}@media (max-width:768px){._taa-input-footer{flex-direction:column;align-items:stretch;gap:1rem}._taa-options-row{flex-wrap:wrap;gap:1rem}._taa-divider-vertical{display:none}}._taa-output-controls-card{background:var(--taa-bg);border-style:solid;border-width:1px;border-color:var(--taa-border);border-radius:var(--taa-radius);box-shadow:var(--taa-shadow-sm);overflow:hidden}._taa-output-header{background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}._taa-view-tabs{border-radius:var(--taa-radius-sm);background:#e2e8f0;gap:.2rem;padding:.2rem;display:flex}._taa-tab-btn{color:#64748b;border-radius:var(--taa-radius-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}._taa-tab-btn span{margin-top:1px}._taa-tab-btn:hover{color:var(--taa-text)}._taa-tab-btn.is-active{color:var(--taa-primary);background:var(--taa-bg);box-shadow:0 1px 2px #0000000d}._taa-output-tools{align-items:center;gap:1rem;display:flex}._taa-divider{background:var(--taa-border);width:1px;height:1.25rem}._taa-size-wrapper{align-items:center;gap:.75rem;display:flex}._taa-size-label{color:var(--taa-text-secondary);font-size:.75rem;font-weight:500}._taa-size-control{background:var(--taa-bg-tertiary);border-radius:var(--taa-radius-sm);align-items:center;gap:.25rem;padding:.125rem;display:flex}._taa-size-btn{width:24px;height:24px;color:var(--taa-text-secondary);border-radius:var(--taa-radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}._taa-size-btn:hover{background:var(--taa-bg);color:var(--taa-primary);box-shadow:var(--taa-shadow-sm)}._taa-size-btn svg{fill:currentColor;width:10px;height:10px}._taa-size-input{text-align:center;width:32px;color:var(--taa-text);font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}._taa-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._taa-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._taa-size-input:focus{outline:none}._taa-tooltip-icon{color:var(--taa-text-muted);cursor:help;transition:color .2s;display:flex}._taa-tooltip-icon:hover{color:var(--taa-primary)}._taa-output-actions{align-items:center;gap:1rem;display:flex}._taa-note{color:var(--taa-text-secondary);background:var(--taa-bg-tertiary);border-radius:var(--taa-radius-sm);align-items:center;gap:.5rem;margin-top:.5rem;padding:.625rem 1rem;font-size:.75rem;display:flex}._taa-note svg{width:14px;height:14px;fill:var(--taa-primary);opacity:.8;flex-shrink:0}._taa-results{--taa-output-font-size:10px;flex-direction:column;gap:1.5rem;margin:2rem 0;display:flex}._taa-placeholder{color:var(--taa-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}._taa-placeholder svg{fill:currentColor;opacity:.5;width:48px;height:48px}._taa-placeholder.is-hidden{display:none}._taa-result-card{background:var(--taa-bg);border-style:solid;border-width:1px;border-color:var(--taa-border);border-radius:var(--taa-radius);box-shadow:var(--taa-shadow-sm);transition:border-color .3s,box-shadow .3s;overflow:hidden}._taa-result-card.is-demo{opacity:.8}._taa-result-card.is-new{border-color:var(--taa-primary-light);box-shadow:0 0 0 2px var(--taa-primary-bg), var(--taa-shadow-sm);animation:.5s ease-out taa-fade-in}@keyframes taa-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._taa-demo-badge{color:var(--taa-primary);background:var(--taa-primary-bg);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;border-radius:4px;margin-left:.5rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700}._taa-result-header{background:var(--taa-bg-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--taa-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._taa-result-title{color:var(--taa-text);text-transform:capitalize;font-size:.875rem;font-weight:600}._taa-result-category{color:var(--taa-text-muted);background:var(--taa-bg-tertiary);border-radius:var(--taa-radius-xs);text-transform:capitalize;margin-left:auto;margin-right:.5rem;padding:.125rem .5rem;font-size:.6875rem}._taa-fill-char-wrapper{flex:1;justify-content:center;align-items:center;gap:.5rem;margin:0 1rem;display:flex}._taa-fill-char-label{color:var(--taa-text-muted);white-space:nowrap;font-size:.6875rem;font-weight:600}._taa-input-char{max-width:200px;height:1.75rem;font-size:.8125rem;font-family:var(--taa-font-mono);text-align:center;color:var(--taa-text);background:var(--taa-bg);border-style:solid;border-width:1px;border-color:var(--taa-border);border-radius:var(--taa-radius-xs);outline:none;flex:1;padding:.25rem .5rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}._taa-input-char::placeholder{color:var(--taa-text-placeholder);opacity:.6}._taa-input-char:hover{border-color:var(--taa-input-border-hover)}._taa-input-char:focus{border-color:var(--taa-primary);box-shadow:0 0 0 2px var(--taa-primary-bg)}._taa-sync-btn{background:var(--taa-bg-tertiary);width:1.75rem;height:1.75rem;color:var(--taa-text-muted);border-radius:var(--taa-radius-xs);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}._taa-sync-btn:hover{background:var(--taa-primary-bg);color:var(--taa-primary)}._taa-sync-btn svg{fill:currentColor;width:14px;height:14px}._taa-result-actions{gap:.25rem;display:flex}._taa-action-btn{width:32px;height:32px;color:var(--taa-text-muted);border-radius:var(--taa-radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}._taa-action-btn:hover{background:var(--taa-bg-hover);color:var(--taa-primary)}._taa-action-btn svg{fill:currentColor;width:16px;height:16px}._taa-result-content{padding:1rem;overflow-x:auto}._taa-result-pre{font-family:var(--main-font-mono);font-size:var(--taa-output-font-size);color:var(--taa-text);white-space:pre;cursor:text;-webkit-user-select:all;user-select:all;margin:0;line-height:1.2}._taa-result-pre::selection{background:var(--taa-primary);color:#fff}._taa-load-more-wrapper{justify-content:center;padding:1rem 0 2rem;display:flex}._taa-load-more-wrapper.is-hidden{display:none}._taa-load-more-btn{color:var(--taa-text-secondary);background:var(--taa-bg);border-style:solid;border-width:1px;border-color:var(--taa-border);border-radius:var(--taa-radius);cursor:pointer;box-shadow:var(--taa-shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}._taa-load-more-btn:hover:not(:disabled){color:var(--taa-primary);border-color:var(--taa-primary-light);background:var(--taa-primary-bg)}._taa-load-more-btn:disabled{opacity:.6;cursor:wait}._taa-load-more-btn svg{fill:currentColor;width:16px;height:16px}@media (max-width:768px){._taa-output-header{flex-direction:column;align-items:stretch;gap:.75rem}._taa-view-tabs{justify-content:center}._taa-output-tools{flex-wrap:wrap;justify-content:center}._taa-result-pre{font-size:.625rem}._taa-input-char{font-size:16px}}