:root{--tt-primary:#6366f1;--tt-primary-hover:#4f46e5;--tt-primary-active:#4338ca;--tt-primary-light:#a5b4fc;--tt-primary-bg:#6366f114;--tt-bg:#fff;--tt-bg-secondary:#fafbfc;--tt-bg-tertiary:#f4f6f8;--tt-bg-hover:#6366f10a;--tt-text:#1a1a2e;--tt-text-secondary:#4a5568;--tt-text-muted:#718096;--tt-text-placeholder:#a0aec0;--tt-input-border:#d1d5db;--tt-input-border-hover:#9ca3af;--tt-switch-off-bg:#e5e7eb;--tt-switch-off-border:#d1d5db;--tt-switch-off-border-hover:#9ca3af;--tt-switch-off-knob:#9ca3af;--tt-border:#00000014;--tt-border-light:#0000000a;--tt-shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--tt-shadow:0 4px 12px #0000000d, 0 1px 3px #00000008;--tt-shadow-lg:0 8px 24px #0000000f, 0 2px 8px #0000000a;--tt-shadow-focus:0 0 0 3px #6366f126;--tt-success:#10b981;--tt-success-bg:#10b9811a;--tt-radius:.875rem;--tt-radius-lg:1.25rem;--tt-radius-sm:.625rem;--tt-radius-xs:.375rem}._tt-container{flex-direction:column;gap:.75rem;width:100%;max-width:1200px;margin:0 auto;display:flex}@media (max-width:768px){._tt-container{padding-left:1rem;padding-right:1rem}}._tt-settings{background:var(--tt-bg);border-radius:var(--tt-radius);box-shadow:var(--tt-shadow);flex-wrap:wrap;align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}._tt-setting-group{align-items:center;gap:.5rem;display:flex}._tt-setting-label{text-transform:uppercase;letter-spacing:.04em;color:var(--tt-text-muted);white-space:nowrap;font-size:.6875rem;font-weight:600}._tt-setting-controls{align-items:center;gap:.375rem;display:flex}._tt-divider{background:var(--tt-border);width:1px;height:1.25rem;margin:0 .25rem}._tt-mode-btns{background:var(--tt-bg-tertiary);border-radius:var(--tt-radius-sm);gap:.1875rem;padding:.1875rem;display:flex}._tt-mode-btn{border-radius:var(--tt-radius-xs);color:var(--tt-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}._tt-mode-btn:hover{background:var(--tt-bg);color:var(--tt-primary)}._tt-mode-btn.is-active{background:var(--tt-bg);color:var(--tt-primary);box-shadow:var(--tt-shadow-sm)}._tt-limit-input{background:var(--tt-bg);border-style:solid;border-width:1.5px;border-color:var(--tt-input-border);border-radius:var(--tt-radius-xs);width:70px;color:var(--tt-text);text-align:center;padding:.4375rem .5rem;font-size:.8125rem;font-weight:600;transition:all .15s}._tt-limit-input:hover{border-color:var(--tt-input-border-hover)}._tt-limit-input:focus{border-color:var(--tt-primary);box-shadow:var(--tt-shadow-focus);outline:none}._tt-suffix-input{background:var(--tt-bg);border-style:solid;border-width:1.5px;border-color:var(--tt-input-border);border-radius:var(--tt-radius-xs);width:80px;color:var(--tt-text);padding:.4375rem .5rem;font-size:.8125rem;transition:all .15s}._tt-suffix-input:hover{border-color:var(--tt-input-border-hover)}._tt-suffix-input:focus{border-color:var(--tt-primary);box-shadow:var(--tt-shadow-focus);outline:none}._tt-toggle{border-radius:var(--tt-radius-xs);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:background-color .15s;display:flex}._tt-toggle:hover{background:var(--tt-bg-tertiary)}._tt-toggle input{display:none}._tt-toggle-switch{background:var(--tt-switch-off-bg);border-style:solid;border-width:1.5px;border-color:var(--tt-switch-off-border);border-radius:1rem;width:2.25rem;height:1.375rem;transition:all .2s;position:relative}._tt-toggle-switch:after{content:"";background:var(--tt-switch-off-knob);border-radius:50%;width:1rem;height:1rem;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}._tt-toggle:hover ._tt-toggle-switch{border-color:var(--tt-switch-off-border-hover)}._tt-toggle input:checked+._tt-toggle-switch{background:var(--tt-primary);border-color:var(--tt-primary)}._tt-toggle input:checked+._tt-toggle-switch:after{background:#fff;transform:translate(.875rem)}._tt-toggle-label{color:var(--tt-text-secondary);font-size:.8125rem;font-weight:500;transition:color .15s}._tt-toggle input:checked~._tt-toggle-label{color:var(--tt-text);font-weight:600}@media (max-width:768px){._tt-settings{padding:.75rem}._tt-divider{display:none}._tt-setting-group{flex-wrap:wrap;justify-content:space-between;width:100%}._tt-setting-controls{flex:1;justify-content:flex-end}}._tt-editor{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._tt-panel{background:var(--tt-bg);border-radius:var(--tt-radius);box-shadow:var(--tt-shadow);flex-direction:column;display:flex;overflow:hidden}._tt-panel-header{border-bottom:1px solid var(--tt-border-light);background:0 0;justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}._tt-panel-title{color:var(--tt-text);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._tt-panel-title svg{color:var(--tt-primary);opacity:.9}._tt-panel-output ._tt-panel-title svg{color:var(--tt-success)}._tt-panel-actions{gap:.375rem;display:flex}._tt-panel-btn{background:var(--tt-bg-tertiary);border-radius:var(--tt-radius-xs);width:1.875rem;height:1.875rem;color:var(--tt-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}._tt-panel-btn:hover{background:var(--tt-bg-hover);color:var(--tt-primary)}._tt-panel-btn._tt-btn-accent{background:var(--tt-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._tt-panel-btn._tt-btn-accent:hover{background:var(--tt-primary-hover);box-shadow:0 4px 12px #6366f14d}._tt-textarea{background:var(--tt-bg);width:100%;min-height:250px;color:var(--tt-text);resize:none;border:none;flex:1;padding:.875rem 1rem;font-size:.875rem;line-height:1.6}._tt-textarea::placeholder{color:var(--tt-text-placeholder)}._tt-textarea:focus{outline:none}._tt-textarea[readonly]{color:var(--tt-text-muted);cursor:default;background:var(--tt-bg-secondary)!important}._tt-textarea[readonly]:focus{box-shadow:none;border-color:var(--tt-border-light)}._tt-panel-output ._tt-textarea{background:var(--tt-bg);color:var(--tt-text)}._tt-stats{background:var(--tt-bg-tertiary);border-top:1px solid var(--tt-border-light);align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex}._tt-stat{align-items:center;gap:.5rem;font-size:.75rem;display:flex}._tt-stat svg{width:12px;height:12px;color:var(--tt-primary);opacity:.8}._tt-stat-value{color:var(--tt-text);font-variant-numeric:tabular-nums;font-weight:700}._tt-stat-label{color:var(--tt-text-secondary);opacity:1;text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem;font-weight:600}@media (max-width:768px){._tt-editor{grid-template-columns:1fr}._tt-textarea{min-height:150px}}