.ht-tool .ht-panels{margin: 0 -10px}.ht-tool .form-control-group{margin-bottom: 18px}.ht-tool .ht-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.ht-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px;display: block}.ht-tool .ht-pass-row{display: flex;gap: 8px}.ht-tool .ht-pass-row .form-control{flex: 1;min-width: 0}.ht-tool .ht-pass-row .btn{flex-shrink: 0}.ht-tool .ht-privacy{display: flex;align-items: flex-start;gap: 6px;margin: 8px 0 12px;font-size: 12.5px;line-height: 1.45;color: #475569}.ht-tool .ht-privacy i{color: #16a34a;margin-top: 1px}.ht-tool .ht-status{margin: 8px 0 12px;padding: 8px 12px;border-radius: 6px;background: #ecfdf5;border: 1px solid #bbf7d0;color: #047857;font-size: 12.5px}.ht-tool .ht-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.ht-tool .ht-chip{border: 1px solid #e2e8f0;background: #fff;color: #475569;font-size: 12px;padding: 4px 14px;border-radius: 999px;cursor: pointer;transition: all 0.15s ease}.ht-tool .ht-chip:hover{border-color: #7c3aed;color: #7c3aed}.ht-tool .ht-chip.is-active{background: #7c3aed;border-color: #7c3aed;color: #fff}.ht-tool .ht-btn-row{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px}.ht-tool .ht-error{margin-top: 10px;padding: 8px 12px;border-radius: 6px;background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c;font-size: 12.5px;display: flex;align-items: center;gap: 6px}.ht-tool .ht-tip{font-size: 12.5px;line-height: 1.55;color: #4b5563;margin: 0 0 8px}.ht-tool .ht-tip:last-child{margin-bottom: 0}.ht-tool .ht-output-actions{display: flex;flex-wrap: wrap;gap: 6px}.ht-tool .ht-output{background: #0f172a;color: #a7f3d0;border-radius: 8px;padding: 14px;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 13px;line-height: 1.6;word-break: break-all;white-space: pre-wrap;min-height: 120px;margin: 0 0 10px}.ht-tool .ht-hint{font-size: 12px;color: #6b7280}.ht-tool .ht-hint code{background: #f1f5f9;padding: 1px 5px;border-radius: 3px}:root[data-theme="dark"] .ht-tool .ht-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .ht-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .ht-tool .form-control{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .ht-tool .ht-privacy{color: #cbd5e1}:root[data-theme="dark"] .ht-tool .ht-privacy i{color: #4ade80}:root[data-theme="dark"] .ht-tool .ht-status{background: rgba(5,150,105,0.15);border-color: rgba(52,211,153,0.35);color: #86efac}:root[data-theme="dark"] .ht-tool .ht-chip{background: transparent;border-color: #37423d;color: #cbd5e1}:root[data-theme="dark"] .ht-tool .ht-chip:hover{border-color: #a78bfa;color: #c4b5fd}:root[data-theme="dark"] .ht-tool .ht-chip.is-active{background: #7c3aed;border-color: #7c3aed;color: #fff}:root[data-theme="dark"] .ht-tool .ht-error{background: rgba(185,28,28,0.15);border-color: rgba(185,28,28,0.4);color: #fca5a5}:root[data-theme="dark"] .ht-tool .ht-tip{color: #9ca3af}:root[data-theme="dark"] .ht-tool .ht-output{background: #0a0f1e;color: #6ee7b7}:root[data-theme="dark"] .ht-tool .ht-hint{color: #6b7280}:root[data-theme="dark"] .ht-tool .ht-hint code{background: #1e293b;color: #c4b5fd}@media (max-width: 767px){.ht-tool .row-layout{flex-direction: column}}