.edt{width:100%}.edt .edt-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 1px 2px var(--shadow-color),0 10px 30px -22px var(--shadow-color);border-radius:16px;padding:1.35rem 1.5rem}.edt .edt-columns{grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.edt .edt-col{flex-direction:column;gap:.8rem;min-width:0;padding:0 .4rem;display:flex}.edt .edt-col--encode{--edt-accent:var(--primary);--edt-accent-soft:var(--accent)}.edt .edt-col--decode{--edt-accent:#2563eb;--edt-accent-soft:#2563eb1a}.edt .edt-gutter{justify-content:center;align-self:stretch;align-items:center;min-width:52px;display:flex;position:relative}.edt .edt-gutter:before{content:"";background:var(--border-color);width:1px;position:absolute;top:8px;bottom:8px}.edt .edt-swap-btn{z-index:1;border:1px solid var(--border-color);background:var(--card-bg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;box-shadow:0 1px 3px var(--shadow-color);border-radius:999px;place-items:center;transition:color .15s,border-color .15s,transform .25s;display:grid;position:relative}.edt .edt-swap-btn:hover{color:var(--primary);border-color:var(--primary);transform:rotate(180deg)}.edt .edt-head{align-items:center;gap:.6rem;display:flex}.edt .edt-head-icon{width:34px;height:34px;color:var(--edt-accent);background:var(--edt-accent-soft);border-radius:9px;flex:none;place-items:center;display:grid}.edt .edt-head-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.edt .edt-head-title{color:var(--edt-accent);font-size:15px;font-weight:600}.edt .edt-head-sub{color:var(--text-secondary);font-size:12px}.edt .edt-field{position:relative}.edt .edt-input{min-height:172px;max-height:320px;font-family:var(--code-font-family);padding-bottom:1.85rem;overflow:auto}.edt .edt-field-meta{color:var(--text-secondary);background:var(--card-bg);pointer-events:none;border-radius:5px;align-items:center;gap:6px;padding:1px 6px;font-size:11px;display:inline-flex;position:absolute;right:10px}.edt .edt-field-meta--top{top:8px}.edt .edt-field-meta--bottom{font-variant-numeric:tabular-nums;bottom:9px}.edt .edt-dot{background:var(--border-color);border-radius:999px;width:7px;height:7px}.edt .edt-dot[data-active=true]{background:#22c55e}.edt .edt-dot[data-error=true]{background:var(--destructive)}.edt .edt-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:24px;display:flex}.edt .edt-control{align-items:center;gap:8px;margin:0;display:inline-flex}.edt .edt-control-label{color:var(--text-secondary);font-size:12.5px}.edt .edt-select{min-width:92px}.edt .edt-check{align-items:center;gap:6px;display:inline-flex}.edt .edt-info{color:var(--text-secondary);cursor:help}.edt .edt-out{flex-direction:column;gap:.5rem;margin-top:.1rem;display:flex}.edt .edt-out-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.edt .edt-out-title{letter-spacing:.01em;color:var(--edt-accent);font-size:12.5px;font-weight:600}.edt .edt-out-actions{align-items:center;gap:2px;display:inline-flex}.edt .edt-icon-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:color .15s,background .15s;display:grid}.edt .edt-icon-btn:hover:not(:disabled){color:var(--edt-accent);background:var(--bg-secondary)}.edt .edt-icon-btn:disabled{opacity:.35;cursor:not-allowed}.edt .edt-result{min-height:150px;max-height:240px;overflow:auto}.edt .edt-result--encode{background:#0f766e0b}.edt .edt-result--decode{background:#2563eb0d}.edt .edt-result--error{background:#dc26260d;border-color:var(--destructive)!important}.edt .edt-error{color:var(--destructive);align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}.edt .edt-error-icon{flex:none;margin-top:1px}.edt .edt-out-foot{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.edt .edt-out-count{color:var(--text-secondary);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.edt .edt-out-format{color:var(--text-secondary);padding:0 8px;font-size:11.5px}.edt .edt-foot-select .ant-select-selection-item{color:var(--text-secondary);font-size:11.5px}.edt .edt-hr{background:var(--border-color);height:1px;margin:1.25rem 0}.edt .edt-about{align-items:center;gap:.85rem;display:flex}.edt .edt-about-icon{width:36px;height:36px;color:var(--primary);background:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.edt .edt-about-body{flex:auto;min-width:0}.edt .edt-about-title{color:var(--text-color);margin-bottom:2px;font-weight:600;display:block}.edt .edt-about-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.edt .edt-about-link{color:var(--primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;flex:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.edt .edt-about-link:hover{color:var(--primary);border-color:var(--primary);background:var(--accent)}@media (max-width:900px){.edt .edt-card{padding:1.1rem}.edt .edt-columns{grid-template-columns:1fr}.edt .edt-col{padding:0}.edt .edt-gutter{align-self:auto;min-width:0;padding:.35rem 0}.edt .edt-gutter:before{width:auto;height:1px;inset:auto 8px}.edt .edt-swap-btn{transform:rotate(90deg)}.edt .edt-swap-btn:hover{transform:rotate(270deg)}.edt .edt-about{flex-wrap:wrap}.edt .edt-about-link{align-self:flex-start}}:root.dark .edt .edt-col--decode{--edt-accent:#60a5fa;--edt-accent-soft:#60a5fa29}:root.dark .edt .edt-result--encode{background:#2dd4bf12}:root.dark .edt .edt-result--decode{background:#60a5fa17}:root.dark .edt .edt-result--error{background:#ef444414}