.tm-html-entity-encoder-decoder{position:relative;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:var(--fs-body, 16px);color:var(--color-text-body);--color-accent-text: #015180;--color-accent-dim: #EEF9FF;--color-accent-border: #BAE6FD;--category-main: #015180;--category-soft: #EEF9FF;--category-border: #BAE6FD}[data-theme=dark] .tm-html-entity-encoder-decoder{--color-accent-text: #7DD3FC;--color-accent-dim: #071A2B;--color-accent-border: #0369A1;--category-main: #7DD3FC;--category-soft: #071A2B;--category-border: #0369A1}.tm-html-entity-encoder-decoder__kbd-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-3);font-family:var(--font-mono);white-space:nowrap}.tm-html-entity-encoder-decoder__kbd-hint kbd{font-family:var(--font-mono);font-size:11px;line-height:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-2);padding:3px 6px;border-radius:5px;min-width:18px;text-align:center}.tm-html-entity-encoder-decoder__kbd-sep{opacity:.4;margin:0 1px}@media(max-width:680px){.tm-html-entity-encoder-decoder__kbd-hint{display:none}}.tm-html-entity-encoder-decoder__controls-actions{display:flex;align-items:center;gap:8px;padding:8px 20px;border-top:1px solid var(--color-border)}.tm-html-entity-encoder-decoder__format-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px 20px;border-top:1px solid var(--color-border)}.tm-html-entity-encoder-decoder__format-label{font-size:var(--fs-caption, 12px);font-weight:500;color:var(--color-text-meta);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.tm-html-entity-encoder-decoder__format-row .tool-option,.tm-html-entity-encoder-decoder__fs-format-row .tool-option{min-height:36px;padding:6px 14px;font-size:var(--fs-body-sm, 14px)}.tm-html-entity-encoder-decoder__selective-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 20px;border-top:1px solid var(--color-border)}.tm-html-entity-encoder-decoder__selective-label{font-size:var(--fs-caption, 12px);font-weight:500;color:var(--color-text-meta);text-transform:uppercase;letter-spacing:.06em}.tm-html-entity-encoder-decoder__char-check{display:inline-flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:var(--fs-caption, 12px);color:var(--color-text-body);cursor:pointer;min-height:28px}.tm-html-entity-encoder-decoder__char-check input{accent-color:var(--color-accent);width:14px;height:14px;cursor:pointer}.tm-html-entity-encoder-decoder__pane{display:flex;flex-direction:column;min-width:0;flex:1}.tm-html-entity-encoder-decoder__primary{min-height:min(52vh,560px)}.tm-html-entity-encoder-decoder__pane--input,.tm-html-entity-encoder-decoder__pane--output{min-height:0}.tm-html-entity-encoder-decoder__pane--output{flex:1 1 auto}.tm-html-entity-encoder-decoder__pane-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--color-border);min-height:40px;flex-shrink:0;flex-wrap:wrap;gap:6px}.tm-html-entity-encoder-decoder__pane-label{font-size:var(--fs-caption, 12px);font-weight:500;color:var(--color-text-meta);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tm-html-entity-encoder-decoder__no-special{font-size:var(--fs-caption, 12px);font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-text-meta);font-style:italic}.tm-html-entity-encoder-decoder__pane-actions{display:flex;gap:6px}.tm-html-entity-encoder-decoder__pane-btn{display:inline-flex;align-items:center;gap:5px;height:32px;min-height:32px;padding:0 11px;border-radius:7px;border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;font-size:var(--fs-caption, 12px);font-weight:500;color:var(--color-text-meta);cursor:pointer;transition:all .15s;white-space:nowrap}.tm-html-entity-encoder-decoder__pane-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-text)}.tm-html-entity-encoder-decoder__pane-btn:disabled{opacity:.4;cursor:not-allowed}.tm-html-entity-encoder-decoder__pane-btn.is-copied{border-color:#059669;color:#059669}.tm-html-entity-encoder-decoder__pane-btn svg{width:12px;height:12px;flex-shrink:0}.tm-html-entity-encoder-decoder__pane-body{flex:1;display:flex;flex-direction:column;padding:0;min-height:0}.tm-html-entity-encoder-decoder__textarea{flex:1;width:100%;padding:14px 20px;border:none;background:transparent;color:var(--color-text-heading);font-family:DM Mono,monospace;font-size:var(--fs-body-sm, 14px);line-height:1.65;resize:none;outline:none;min-height:200px}.tm-html-entity-encoder-decoder__textarea::placeholder{color:var(--color-text-meta);font-family:DM Sans,sans-serif}.tm-html-entity-encoder-decoder__output{flex:1;padding:14px 20px;font-family:DM Mono,monospace;font-size:var(--fs-body-sm, 14px);line-height:1.65;color:#334155;overflow:auto;white-space:pre-wrap;word-break:break-all;transition:background .15s;min-height:120px;user-select:text;cursor:text}.tm-html-entity-encoder-decoder__output:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}[data-theme=dark] .tm-html-entity-encoder-decoder__output{color:#7dd3fc}.tm-html-entity-encoder-decoder__output.is-flashed{background:#eef9ff}[data-theme=dark] .tm-html-entity-encoder-decoder__output.is-flashed{background:#071a2b}@media(prefers-reduced-motion:reduce){.tm-html-entity-encoder-decoder__output{transition:none}.tm-html-entity-encoder-decoder__output.is-flashed{background:transparent}}.tm-html-entity-encoder-decoder__error{padding:8px 20px;font-size:var(--fs-caption, 12px);color:#dc2626;background:color-mix(in srgb,#dc2626 8%,transparent);border-top:1px solid color-mix(in srgb,#dc2626 20%,transparent);flex-shrink:0}.tm-html-entity-encoder-decoder__preview-divider{border-top:1px solid var(--color-border);flex-shrink:0}.tm-html-entity-encoder-decoder__preview-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;background:var(--color-bg);flex-shrink:0;gap:8px;flex-wrap:wrap}.tm-html-entity-encoder-decoder__preview-title{font-size:var(--fs-caption, 12px);font-weight:500;color:var(--color-text-meta);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:5px}.tm-html-entity-encoder-decoder__preview-title svg{width:11px;height:11px;flex-shrink:0}.tm-html-entity-encoder-decoder__preview-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tm-html-entity-encoder-decoder__sandbox-badge{font-size:10px;font-family:DM Mono,monospace;background:#eef9ff;color:var(--color-accent-text);border:1px solid #BAE6FD;padding:2px 7px;border-radius:4px}[data-theme=dark] .tm-html-entity-encoder-decoder__sandbox-badge{background:#071a2b;border-color:#0369a1}.tm-html-entity-encoder-decoder__script-badge{font-size:10px;font-family:inherit;background:color-mix(in srgb,#f59e0b 12%,transparent);color:#92400e;border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);padding:2px 7px;border-radius:4px}[data-theme=dark] .tm-html-entity-encoder-decoder__script-badge{color:#fcd34d;background:color-mix(in srgb,#f59e0b 15%,transparent);border-color:color-mix(in srgb,#f59e0b 25%,transparent)}.tm-html-entity-encoder-decoder__preview-frame{width:100%;height:120px;border:none;display:block}.tm-html-entity-encoder-decoder__primary-work{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;flex:1}.tm-html-entity-encoder-decoder__output-col,.tm-html-entity-encoder-decoder__preview-col{display:flex;flex-direction:column;min-width:0;min-height:0}.tm-html-entity-encoder-decoder__preview-col{min-height:0}@container (min-width: 720px){.tm-html-entity-encoder-decoder__primary-work{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.tm-html-entity-encoder-decoder__output-col{border-right:1px solid var(--color-border)}.tm-html-entity-encoder-decoder__preview-divider{display:none}.tm-html-entity-encoder-decoder__preview-frame{flex:1;min-height:200px;height:auto}.tm-html-entity-encoder-decoder__output,.tm-html-entity-encoder-decoder__textarea{min-height:240px}}.tm-html-entity-encoder-decoder__examples-strip{padding:12px 20px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tm-html-entity-encoder-decoder__examples-label{font-size:var(--fs-caption, 12px);font-weight:500;color:var(--color-text-meta);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.tm-html-entity-encoder-decoder__example-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:7px;border:1px solid var(--color-border);background:var(--color-bg);font-family:DM Mono,monospace;font-size:11px;color:var(--color-text-body-sm);cursor:pointer;transition:all .15s;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tm-html-entity-encoder-decoder__example-pill:hover{border-color:var(--color-accent);color:var(--color-accent-text);background:#eef9ff}[data-theme=dark] .tm-html-entity-encoder-decoder__example-pill:hover{background:#071a2b}.tm-html-entity-encoder-decoder__example-tag{font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-text)}.tm-html-entity-encoder-decoder__privacy-strip{padding:10px 20px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:7px;font-size:var(--fs-caption, 12px);color:var(--color-accent-text)}.tm-html-entity-encoder-decoder__privacy-strip svg{width:12px;height:12px;flex-shrink:0}.tm-html-entity-encoder-decoder__toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:10px 18px;border-radius:8px;font-size:var(--fs-body-sm, 14px);z-index:300;pointer-events:none;white-space:nowrap}[data-theme=dark] .tm-html-entity-encoder-decoder__toast{background:#374151}.tm-html-entity-encoder-decoder__fs{position:fixed;inset:0;z-index:150;background:var(--color-bg);display:flex;flex-direction:column;transition:background .25s;--color-accent-text: #015180;--color-accent-dim: #EEF9FF;--color-accent-border: #BAE6FD;--category-main: #015180;--category-soft: #EEF9FF;--category-border: #BAE6FD}[data-theme=dark] .tm-html-entity-encoder-decoder__fs{--color-accent-text: #7DD3FC;--color-accent-dim: #071A2B;--color-accent-border: #0369A1;--category-main: #7DD3FC;--category-soft: #071A2B;--category-border: #0369A1}@media(prefers-reduced-motion:reduce){.tm-html-entity-encoder-decoder__fs{transition:none}}.tm-html-entity-encoder-decoder__fs-bar{display:flex;align-items:center;gap:12px;padding:0 20px;height:52px;background:var(--color-nav-bg);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}.tm-html-entity-encoder-decoder__fs-mode-seg{display:inline-flex;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:3px;gap:2px;flex-shrink:0}.tm-html-entity-encoder-decoder__fs-mode-btn{height:36px;min-height:36px;padding:0 18px;border-radius:7px;border:1px solid transparent;background:none;font-family:inherit;font-size:var(--fs-body-sm, 14px);font-weight:500;color:var(--color-on-dark-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.tm-html-entity-encoder-decoder__fs-mode-btn:hover{color:var(--color-on-dark-strong)}.tm-html-entity-encoder-decoder__fs-mode-btn.is-active{background:#ffffff1f;color:var(--color-on-dark-strong);border-color:#ffffff2e;box-shadow:none}.tm-html-entity-encoder-decoder__fs-format-row{display:flex;gap:6px;align-items:center;flex-shrink:0}.tm-html-entity-encoder-decoder__fs-format-label{font-size:var(--fs-caption, 12px);font-weight:500;color:var(--color-on-dark-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;flex-shrink:0}.tm-html-entity-encoder-decoder__fs-format-row .tool-option{color:var(--color-on-dark-muted);border-color:#ffffff1f;background:transparent}.tm-html-entity-encoder-decoder__fs-format-row .tool-option:hover{color:var(--color-on-dark-strong);border-color:#ffffff4d}.tm-html-entity-encoder-decoder__fs-format-row .tool-option[data-tm-active=true]{background:#ffffff1f;border-color:#ffffff2e;color:var(--color-on-dark-strong);box-shadow:inset 3px 0 0 currentColor}.tm-html-entity-encoder-decoder__fs-bar-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.tm-html-entity-encoder-decoder__fs-hint{font-size:var(--fs-caption, 12px);color:var(--color-on-dark-muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.tm-html-entity-encoder-decoder__fs-hint kbd{font-family:DM Mono,monospace;font-size:var(--fs-caption, 12px);background:#ffffff14;border-radius:4px;padding:1px 6px;color:var(--color-on-dark-kbd)}.tm-html-entity-encoder-decoder__fs-exit-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:transparent;color:var(--color-on-dark-strong);font-family:inherit;font-size:var(--fs-body-sm, 14px);font-weight:500;cursor:pointer;transition:all .15s}.tm-html-entity-encoder-decoder__fs-exit-btn:hover{border-color:#ffffff4d;background:#ffffff0f}.tm-html-entity-encoder-decoder__fs-exit-btn svg{width:14px;height:14px;flex-shrink:0}.tm-html-entity-encoder-decoder__fs-body{flex:1;display:grid;grid-template-columns:1fr 1fr 340px;min-height:0}.tm-html-entity-encoder-decoder__fs-col{display:flex;flex-direction:column;min-height:0;min-width:0}.tm-html-entity-encoder-decoder__fs-col+.tm-html-entity-encoder-decoder__fs-col{border-left:1px solid var(--color-border)}.tm-html-entity-encoder-decoder__fs-col-head{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:40px;gap:8px;flex-wrap:wrap}.tm-html-entity-encoder-decoder__fs-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tm-html-entity-encoder-decoder__fs-col-body{flex:1;display:flex;flex-direction:column;min-height:0}.tm-html-entity-encoder-decoder__fs-textarea{flex:1;width:100%;padding:16px 20px;border:none;background:transparent;color:var(--color-text-heading);font-family:DM Mono,monospace;font-size:var(--fs-body-sm, 14px);line-height:1.7;resize:none;outline:none}.tm-html-entity-encoder-decoder__fs-textarea::placeholder{color:var(--color-text-meta);font-family:DM Sans,sans-serif}.tm-html-entity-encoder-decoder__fs-output-area{flex:1;padding:16px 20px;font-family:DM Mono,monospace;font-size:var(--fs-body-sm, 14px);line-height:1.7;color:#334155;overflow:auto;white-space:pre-wrap;word-break:break-all;user-select:text;cursor:text}.tm-html-entity-encoder-decoder__fs-output-area:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}[data-theme=dark] .tm-html-entity-encoder-decoder__fs-output-area{color:#7dd3fc}.tm-html-entity-encoder-decoder__fs-privacy{padding:8px 20px;border-top:1px solid var(--color-border);font-size:var(--fs-caption, 12px);color:var(--color-accent-text);display:flex;align-items:center;gap:6px;flex-shrink:0}.tm-html-entity-encoder-decoder__fs-privacy svg{width:11px;height:11px;flex-shrink:0}.tm-html-entity-encoder-decoder__fs .tm-html-entity-encoder-decoder__preview-frame{flex:1;width:100%;height:100%;border:none;display:block}@media(max-width:900px){.tm-html-entity-encoder-decoder__fs-body{grid-template-columns:1fr 1fr}.tm-html-entity-encoder-decoder__fs-col:nth-child(3){display:none}}@media(max-width:600px){.tm-html-entity-encoder-decoder__fs-body{grid-template-columns:1fr}.tm-html-entity-encoder-decoder__fs-col:nth-child(2),.tm-html-entity-encoder-decoder__fs-col:nth-child(3){display:none}}