.escape-tool.svelte-1g88eg{display:flex;flex-direction:column;gap:16px}.controls-bar.svelte-1g88eg{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.control-group.svelte-1g88eg{display:flex;flex-direction:column;gap:5px;min-width:160px;flex:1}.control-group.svelte-1g88eg label:where(.svelte-1g88eg){font-size:.82rem;font-weight:600;color:var(--text-muted)}.control-actions.svelte-1g88eg{display:flex;gap:6px;padding-bottom:1px}.action-btn.svelte-1g88eg{padding:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.action-btn.svelte-1g88eg:hover{color:var(--text);border-color:var(--accent)}.format-desc.svelte-1g88eg{font-size:.82rem;color:var(--text-dim);padding:8px 12px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border)}.panels.svelte-1g88eg{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start}.panel.svelte-1g88eg{display:flex;flex-direction:column;gap:8px}.panel-header.svelte-1g88eg{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.panel-header.svelte-1g88eg label:where(.svelte-1g88eg){font-size:.85rem;color:var(--text-muted);font-weight:600}.panel-actions.svelte-1g88eg{display:flex;align-items:center;gap:10px}.char-count.svelte-1g88eg{font-size:.72rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.direction-indicator.svelte-1g88eg{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:40px}.arrow.svelte-1g88eg{font-size:1.4rem;color:var(--accent-light)}.dir-label.svelte-1g88eg{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.btn-copy.svelte-1g88eg{padding:4px 12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-copy.svelte-1g88eg:hover{opacity:.85}textarea.svelte-1g88eg{width:100%;min-height:180px;padding:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:monospace;font-size:.85rem;resize:vertical;line-height:1.5}textarea.svelte-1g88eg:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5d00ff26}.stats-bar.svelte-1g88eg{display:flex;gap:12px;flex-wrap:wrap}.stat.svelte-1g88eg{flex:1;min-width:100px;display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center}.stat-label.svelte-1g88eg{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.stat-value.svelte-1g88eg{font-size:1rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.stat-value.increase.svelte-1g88eg{color:#ef4444}.stat-value.decrease.svelte-1g88eg{color:#22c55e}.ref-section.svelte-1g88eg{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.ref-title.svelte-1g88eg{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:10px}.ref-grid.svelte-1g88eg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.ref-item.svelte-1g88eg{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem}.ref-item.svelte-1g88eg code:where(.svelte-1g88eg){font-family:monospace;color:var(--accent-light);font-weight:600;font-size:.78rem;flex-shrink:0}.ref-item.svelte-1g88eg span:where(.svelte-1g88eg){color:var(--text-muted);font-size:.78rem}.ref-item.svelte-1g88eg strong:where(.svelte-1g88eg){color:var(--text);font-size:.78rem;flex-shrink:0}.ref-item.wide.svelte-1g88eg{grid-column:span 1}@media (max-width: 768px){.panels.svelte-1g88eg{grid-template-columns:1fr}.direction-indicator.svelte-1g88eg{flex-direction:row;padding-top:0;justify-content:center}.arrow.svelte-1g88eg{transform:rotate(90deg)}.controls-bar.svelte-1g88eg{flex-direction:column}.ref-grid.svelte-1g88eg{grid-template-columns:1fr 1fr}}
