.encoder [hidden]{display: none}.encoder{max-width: 1040px;margin: 0 auto;padding: 0 20px 64px}.encoder__back{margin: 18px 0 12px;font-size: 13.5px}.encoder__back a{display: inline-flex;align-items: center;gap: 4px;color: var(--c-muted);text-decoration: none}.encoder__back a:hover{color: var(--c-accent)}.encoder__privacy{margin: 0 0 16px;padding: 11px 14px;border: 1px solid var(--c-ok-soft);border-radius: var(--radius-card);background: var(--c-ok-soft);color: var(--c-text-soft);font-size: 13px;line-height: 1.75;overflow-wrap: anywhere}.encoder__privacy b{color: var(--c-ok)}.encoder__tabs{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 14px;padding-bottom: 12px;border-bottom: 1px solid var(--c-border)}.encoder__tab{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0 16px;box-sizing: border-box;border: 1px solid transparent;border-radius: var(--radius-pill);background: transparent;color: var(--c-text-soft);font: inherit;font-size: 13.5px;font-weight: 500;cursor: pointer;white-space: nowrap;transition: background-color .14s,border-color .14s,color .14s}.encoder__tab:hover{background: var(--c-hover);color: var(--c-text)}.encoder__tab.is-on{border-color: var(--c-accent-line);background: var(--c-accent-soft);color: var(--c-accent-solid);font-weight: 650}.encoder__panel{padding: 16px 18px 18px;min-width: 0}.encoder__opts{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px}.encoder__label{font-size: 12.5px;color: var(--c-muted)}.encoder__seg{display: inline-flex;max-width: 100%;border: 1px solid var(--c-border-strong);border-radius: var(--radius-pill);overflow: hidden}.encoder__segbtn{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0 14px;box-sizing: border-box;border: 0;background: var(--c-panel-alt);color: var(--c-text-soft);font: inherit;font-size: 13.5px;cursor: pointer;transition: background-color .14s,color .14s}.encoder__segbtn + .encoder__segbtn{border-left: 1px solid var(--c-border-strong)}.encoder__segbtn:hover{color: var(--c-text)}.encoder__segbtn.is-on{background: var(--c-accent-solid);color: var(--c-on-accent);font-weight: 600}.encoder__chips{display: inline-flex;flex-wrap: wrap;gap: 6px}.encoder__chip{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0 14px;box-sizing: border-box;border: 1px solid var(--c-border);border-radius: var(--radius-pill);background: var(--c-panel);color: var(--c-text-soft);font: inherit;font-size: 13.5px;cursor: pointer;transition: background-color .14s,border-color .14s,color .14s}.encoder__chip:hover{border-color: var(--c-border-strong);color: var(--c-text)}.encoder__chip.is-on{border-color: var(--c-accent-line);background: var(--c-accent-soft);color: var(--c-accent-solid);font-weight: 650}.encoder__go{margin-left: auto}.encoder .btn{height: 44px;padding-inline: 14px}.encoder__field{display: flex;flex-direction: column;gap: 6px;margin-top: 14px;min-width: 0}.encoder__field > .encoder__label{font-size: 12.5px}.encoder__ta{width: 100%;box-sizing: border-box;min-height: 104px;padding: 10px 12px;border: 1px solid var(--c-border-strong);border-radius: var(--radius-input);background: var(--c-input-bg);color: var(--c-text);font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 15px;line-height: 1.65;resize: vertical}.encoder__ta:focus{outline: none;border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-ring)}.encoder__empty{margin: 12px 0 0;font-size: 12.5px;color: var(--c-muted)}.encoder__outhead{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 12px;margin-top: 14px}.encoder__outtitle{font-size: 12.5px;font-weight: 650;color: var(--c-text-soft);letter-spacing: .01em;overflow-wrap: anywhere}.encoder__out{margin: 6px 0 0;padding: 12px;max-height: 42vh;overflow: auto;border: 1px solid var(--c-border);border-radius: var(--radius-input);background: var(--c-input-bg);color: var(--c-text);font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.7;white-space: pre-wrap;overflow-wrap: anywhere;word-break: break-word}.encoder__out:empty{display: none}.encoder__out:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 1px}.encoder__meta{margin: 12px 0 0;font-size: 12.5px;line-height: 1.7;color: var(--c-muted);overflow-wrap: anywhere}.encoder__err{margin: 10px 0 0;padding: 9px 12px;border: 1px solid currentColor;border-radius: var(--radius-input);background: var(--c-err-soft);color: var(--c-err);font-size: 13px;line-height: 1.7;overflow-wrap: anywhere}.encoder__notice{margin: 10px 0 0;padding: 9px 12px;border: 1px solid currentColor;border-radius: var(--radius-input);background: var(--c-warn-soft);color: var(--c-warn);font-size: 13px;line-height: 1.7;overflow-wrap: anywhere}.encoder__warn{margin: 14px 0 0;padding: 10px 12px;border: 1px solid var(--c-warn);border-radius: var(--radius-input);background: var(--c-warn-soft);color: var(--c-warn);font-size: 13px;line-height: 1.75;overflow-wrap: anywhere}.encoder__warn b{color: var(--c-warn)}.encoder__tips{margin: 16px 0 0;padding-top: 12px;border-top: 1px dashed var(--c-border);font-size: 12.5px;line-height: 1.8;color: var(--c-muted);overflow-wrap: anywhere}.encoder__tips b{color: var(--c-text-soft);font-weight: 650}.encoder__tips code{padding: 1px 5px;border-radius: var(--radius-xs);background: var(--c-panel-alt);color: var(--c-text-soft);font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12px}.encoder__rows{display: flex;flex-direction: column;gap: 10px;margin-top: 14px}.encoder__hashrow{display: grid;grid-template-columns: minmax(56px,auto) minmax(0,1fr) auto;gap: 4px 12px;align-items: start;padding: 10px 12px;border: 1px solid var(--c-border);border-radius: var(--radius-input);background: var(--c-panel-alt)}.encoder__hashname{font-size: 12.5px;font-weight: 650;color: var(--c-text-soft);padding-top: 3px;white-space: nowrap}.encoder__hashbody{display: flex;flex-direction: column;gap: 3px;min-width: 0}.encoder__hashval{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12px;line-height: 1.65;color: var(--c-text);overflow-wrap: anywhere;word-break: break-all}.encoder__hashval--b64{color: var(--c-text-soft)}.encoder__hashact{display: inline-flex;flex-wrap: wrap;gap: 6px;justify-content: flex-end}.encoder__clip{position: fixed;top: 0;left: -9999px;width: 1px;height: 1px;opacity: 0;pointer-events: none}.encoder button:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 2px}@media (max-width: 900px){body.page .encoder__ta{font-size: 16px}body.page .encoder__back a{min-height: 44px}.encoder__seg{flex: 1 1 100%}.encoder__segbtn{flex: 1 1 0}.encoder__chips{flex: 1 1 100%}.encoder__chip{flex: 1 1 auto}.encoder__go{margin-left: 0;flex: 1 1 100%}}@media (max-width: 640px){.encoder{padding: 0 14px 48px}.encoder__panel{padding: 14px 14px 16px}.encoder__tab{flex: 1 1 auto;padding-inline: 12px}.encoder__out{max-height: 46vh}.encoder__hashrow{grid-template-columns: minmax(0,1fr)}.encoder__hashname{padding-top: 0}.encoder__hashact{justify-content: flex-start}}@media (prefers-reduced-motion: reduce){.encoder__tab,.encoder__segbtn,.encoder__chip{transition: none}}