.algo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);width:fit-content;max-width:100%}.algo-tab{border:none;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:700;color:var(--text-dim);background:transparent;transition:all .2s}.algo-tab:hover{color:var(--primary);background:var(--primary-soft)}.algo-tab.active{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;box-shadow:0 4px 12px #6366f159}.chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.seg-label{font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.chip{padding:6px 14px;border-radius:999px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);border:1px solid var(--border);color:var(--text);transition:all .15s;font-weight:600}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.subpane{display:none;margin-top:6px}.subpane.active{display:block}.mono,textarea.mono{font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,Courier New,monospace;font-size:13px}textarea.keybox{background:#fafafe;min-height:96px;font-size:12.5px;line-height:1.5;color:#1f2430}textarea.out{background:#fafafe;color:#1f2430}.hash-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}@media (min-width: 860px){.hash-cards{grid-template-columns:1fr 1fr}.hcard[data-alg=sha256]{grid-column:1 / -1}}.hcard{position:relative;border:1px solid var(--border);border-radius:12px;background:#fafafe;padding:10px 12px 10px 14px;display:flex;align-items:flex-start;gap:10px}.hcard .hc-name{flex:0 0 auto;width:150px;font-size:12.5px;color:var(--text-dim);font-weight:600;line-height:1.5;padding-top:2px}.hcard .hc-val{flex:1;min-width:0;font-size:13px;word-break:break-all;line-height:1.5;color:var(--text)}.hcard .copy{flex:0 0 auto;background:var(--primary-soft);color:var(--primary);padding:4px 10px;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s,transform .1s}.hcard .copy:hover{opacity:.85}.hcard .copy:active{transform:scale(.95)}.pass-row{display:flex;gap:8px;align-items:center}.pass-row input{flex:1}input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}button.eye{flex:0 0 auto;padding:8px 11px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:15px;line-height:1}.err{display:none;margin-top:12px;padding:10px 13px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;font-size:13px}.err.show{display:block}.warn{margin-top:16px;padding:10px 13px;background:#fffbeb;border:1px solid #fde68a;color:#b45309;border-radius:10px;font-size:13px}.badge{margin-top:12px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:700;text-align:center}.badge.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.badge.fail{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media (max-width: 760px){.two-col{grid-template-columns:1fr}.algo-tabs{width:100%;border-radius:18px}.algo-tab{flex:1;text-align:center;padding:9px 10px}}