.text-filter{width:min(100%,720px);margin:0 auto;padding:4px 0 28px;animation:tf-enter .28s var(--ease-out) both}.tf-header{display:flex;align-items:center;gap:14px;margin:0 0 22px}.tf-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid rgba(0,212,170,.32);border-radius:var(--radius-md);background:linear-gradient(145deg,#00d4aa2e,#367cee17);color:var(--accent-2);font-size:1.5rem}.tf-header h1{margin:0 0 5px;color:var(--text);font-size:clamp(1.25rem,3vw,1.55rem);font-weight:800}.tf-header p{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.7}.tf-section{margin:0 0 17px}.tf-label,.tf-label-row{display:flex;align-items:center;gap:7px;margin:0 4px 8px;color:var(--text-muted);font-size:.74rem;font-weight:800;letter-spacing:.05em}.tf-label span{padding:2px 7px;border-radius:20px;background:#367cee1a;color:var(--accent);font-size:.65rem;letter-spacing:0}.tf-label-row label{color:var(--text-muted)}.tf-label-row.output label{color:var(--accent)}.tf-expand{display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto;min-height:28px;padding:4px 9px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text-muted);font-size:.68rem;font-weight:800;transition:transform .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out)}.tf-expand:hover,.tf-expand.active{border-color:var(--accent);color:var(--accent)}.tf-expand:active{transform:scale(.95)}.tf-card{padding:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tf-textarea,.tf-select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);outline:0;background:#0000003d;color:var(--text);transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.tf-textarea:focus,.tf-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tf-textarea{height:154px;padding:13px;resize:vertical;line-height:1.75}.tf-textarea.expanded{height:330px}.tf-textarea.mono{direction:ltr;text-align:left;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.tf-select{min-height:46px;padding:10px 12px;font-size:.88rem}.tf-select option{background:var(--bg-elevated);color:var(--text)}.tf-textarea::placeholder{color:var(--text-muted);opacity:.6}.tf-hint{margin:9px 2px 0;color:var(--text-muted);font-size:.75rem;line-height:1.55}.tf-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tf-check-grid label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:7px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000026;color:var(--text-muted);font-size:.75rem;font-weight:800;cursor:pointer;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out)}.tf-check-grid label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.tf-check-grid input{width:14px;height:14px;accent-color:var(--accent)}.tf-check-grid span{color:var(--accent-2);font-size:.9rem}.tf-clear,.tf-copy{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;margin-top:12px;width:100%;border-radius:var(--radius-sm);font-weight:800;transition:transform .16s var(--ease-out),filter .16s var(--ease-out),background .16s var(--ease-out)}.tf-clear{border:1px solid rgba(255,95,104,.35);background:#ff5f6817;color:#ff939a}.tf-copy{border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 10px 22px #367cee33}.tf-clear:hover{background:#ff5f6826}.tf-copy:hover{filter:brightness(1.08);transform:translateY(-1px)}.tf-clear:active,.tf-copy:active{transform:scale(.98)}.tf-output-card{border-color:#367cee57;background:linear-gradient(145deg,rgba(54,124,238,.08),var(--surface))}@media(max-width:560px){.tf-header{align-items:flex-start}.tf-header h1{font-size:1.22rem}.tf-check-grid{grid-template-columns:1fr}.tf-textarea{height:142px}.tf-card{padding:11px}}@media(prefers-reduced-motion:reduce){.text-filter{animation:none}}@keyframes tf-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tf-card>.arsenal-select-host{display:block;width:100%}.tf-card .arsenal-select__button{min-height:46px;border-radius:var(--radius-sm);font-size:.88rem;background:#0000003d}.text-filter .tf-icon{width:48px;height:48px;flex:0 0 48px;padding:11px}.text-filter .tf-icon-svg{width:26px;height:26px;display:block}.text-filter .tf-inline-icon{width:16px;height:16px;flex:0 0 16px;display:inline-block;vertical-align:middle}.text-filter .tf-check-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.text-filter .tf-check-icon .tf-inline-icon{width:15px;height:15px}.text-filter .tf-expand,.text-filter .tf-clear,.text-filter .tf-copy{overflow:hidden}.text-filter .tf-expand .tf-inline-icon,.text-filter .tf-clear .tf-inline-icon,.text-filter .tf-copy .tf-inline-icon{width:17px;height:17px;flex:0 0 17px}@media(max-width:560px){.text-filter .tf-icon{width:44px;height:44px;flex-basis:44px;padding:10px}.text-filter .tf-icon-svg{width:24px;height:24px}}.text-filter .tf-section{position:relative;overflow:visible}.text-filter .tf-section:has(.arsenal-select.is-open){z-index:1300}.text-filter .tf-card{position:relative;overflow:visible}.text-filter .tf-workspace-card,.text-filter .tf-workspace-card .tf-textarea,.text-filter .arsenal-select__button,.text-filter .arsenal-select__menu{background:#0a0b0e;backdrop-filter:none;-webkit-backdrop-filter:none}.text-filter .arsenal-select__menu{box-shadow:0 18px 38px #00000085}.text-filter .arsenal-select--multi .arsenal-select__option{min-height:46px}.text-filter .arsenal-select__check{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border:2px solid var(--border);border-radius:4px;transition:background .16s var(--ease-out),border-color .16s var(--ease-out)}.text-filter .arsenal-select__check svg{width:12px;height:12px;fill:none;stroke:#061913;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}.text-filter .arsenal-select__option.is-selected .arsenal-select__check{border-color:var(--arsenal-select-accent);background:var(--arsenal-select-accent)}.text-filter .arsenal-select__option.is-selected .arsenal-select__check svg{opacity:1}:root[data-theme=light] .text-filter .tf-workspace-card,:root[data-theme=light] .text-filter .tf-workspace-card .tf-textarea,:root[data-theme=light] .text-filter .arsenal-select__button,:root[data-theme=light] .text-filter .arsenal-select__menu{background:#fff}.text-filter .tf-icon{width:48px;height:48px;flex-basis:48px;padding:10px}.text-filter .tf-icon-svg{width:28px;height:28px}.text-filter .tf-label>.tf-inline-icon{width:13px;height:13px;flex-basis:13px}.text-filter .tf-expand .tf-inline-icon{width:13px;height:13px;flex-basis:13px}.text-filter .tf-clear .tf-inline-icon{width:15px;height:15px;flex-basis:15px}.text-filter .tf-copy .tf-inline-icon{width:16px;height:16px;flex-basis:16px}@media(max-width:560px){.text-filter .tf-icon{width:48px;height:48px;flex-basis:48px;padding:10px}.text-filter .tf-icon-svg{width:28px;height:28px}}
