:root{--bcrypt-primary:var(--main-primary);--bcrypt-bg:#fff;--bcrypt-bg-secondary:#f8fafc;--bcrypt-bg-hover:#f1f5f9;--bcrypt-text:#1e293b;--bcrypt-text-muted:#64748b;--bcrypt-border:#e2e8f0;--bcrypt-border-focus:var(--main-primary);--bcrypt-shadow:0 1px 3px #0000000f;--bcrypt-radius:var(--main-radius);--bcrypt-radius-lg:var(--main-radius-lg);--bcrypt-success:#10b981;--bcrypt-error:#ef4444;--bcrypt-warning:#f59e0b}._bcrypt-container{gap:var(--main-space-3);max-width:1300px;min-height:500px;padding-left:var(--main-space-2);padding-right:var(--main-space-2);flex-direction:column;margin-left:auto;margin-right:auto;display:flex}._bcrypt-hidden{display:none!important}._bcrypt-panels{gap:var(--main-space-3);flex:1;grid-template-columns:1fr 1fr;min-height:450px;display:grid}._bcrypt-panel{background:var(--bcrypt-bg);border-radius:var(--bcrypt-radius-lg);border-style:solid;border-width:1px;border-color:var(--bcrypt-border);box-shadow:var(--bcrypt-shadow);flex-direction:column;display:flex;overflow:hidden}._bcrypt-panel-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bcrypt-border);background:var(--bcrypt-bg-secondary);justify-content:space-between;align-items:center;display:flex}._bcrypt-panel-title{font-size:var(--main-text-xs);color:var(--bcrypt-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}._bcrypt-title-icon{border-radius:var(--bcrypt-radius);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}._bcrypt-title-icon svg{width:12px;height:12px}._bcrypt-title-icon-password{color:var(--bcrypt-primary);background:#6366f11a}._bcrypt-title-icon-hash{color:#0ea5e9;background:#0ea5e91a}._bcrypt-title-icon-output{color:var(--bcrypt-success);background:#10b9811a}@media (max-width:768px){._bcrypt-container{padding-left:1rem;padding-right:1rem}._bcrypt-panels{grid-template-columns:1fr;min-height:auto}._bcrypt-panel{min-height:250px}}._bcrypt-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);background:var(--bcrypt-bg);border-radius:var(--bcrypt-radius-lg);border-style:solid;border-width:1px;border-color:var(--bcrypt-border);box-shadow:var(--bcrypt-shadow);flex-wrap:wrap;display:flex}._bcrypt-toolbar-left,._bcrypt-toolbar-right{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._bcrypt-mode-tabs{background:var(--bcrypt-bg-secondary);border-radius:var(--bcrypt-radius);border-style:solid;border-width:1px;border-color:var(--bcrypt-border);display:flex;overflow:hidden}._bcrypt-mode-tab{font-size:var(--main-text-xs);color:var(--bcrypt-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.375rem;padding:.3125rem .75rem;font-family:inherit;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}._bcrypt-mode-tab:hover{color:var(--bcrypt-text);background:var(--bcrypt-bg-hover)}._bcrypt-mode-tab.active{color:#fff;background:var(--bcrypt-primary)}._bcrypt-mode-tab svg{width:12px;height:12px}._bcrypt-cost-group{align-items:center;gap:var(--main-space-2);display:flex}._bcrypt-cost-label{font-size:var(--main-text-xs);color:var(--bcrypt-text-muted);white-space:nowrap;font-weight:500}._bcrypt-select{font-size:var(--main-text-xs);background:var(--bcrypt-bg);color:var(--bcrypt-text);border-style:solid;border-width:1px;border-color:var(--bcrypt-border);border-radius:var(--bcrypt-radius);cursor:pointer;outline:none;padding:.3125rem .625rem;font-family:inherit;font-weight:500}._bcrypt-select:focus-visible{border-color:var(--bcrypt-border-focus);box-shadow:0 0 0 2px #6366f126}._bcrypt-cost-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--main-radius-full);white-space:nowrap;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:600;display:inline-flex}._bcrypt-cost-badge.low{color:var(--bcrypt-error);background:#ef444414}._bcrypt-cost-badge.medium{color:var(--bcrypt-warning);background:#f59e0b14}._bcrypt-cost-badge.recommended{color:var(--bcrypt-success);background:#10b98114}._bcrypt-cost-badge.high{color:var(--bcrypt-primary);background:#6366f114}._bcrypt-cost-badge.very-high{color:#7c3aed;background:#7c3aed14}._bcrypt-btn{border-radius:var(--bcrypt-radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;font-family:inherit;display:inline-flex}._bcrypt-btn:focus-visible{outline:2px solid var(--bcrypt-primary);outline-offset:2px}._bcrypt-btn-icon{color:var(--bcrypt-text-muted);background:0 0;padding:.4375rem;transition:background-color .15s,color .15s}._bcrypt-btn-icon:hover{background:var(--bcrypt-bg-hover);color:var(--bcrypt-text)}._bcrypt-btn-danger:hover{color:var(--bcrypt-error)}@media (max-width:768px){._bcrypt-toolbar{padding:var(--main-space-2)}._bcrypt-cost-group{order:3;width:100%}}._bcrypt-input-panel{gap:0}._bcrypt-input-section{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bcrypt-border);flex-direction:column;flex:1;display:flex}._bcrypt-section-header{padding:var(--main-space-2) var(--main-space-3);background:var(--bcrypt-bg-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bcrypt-border);justify-content:space-between;align-items:center;display:flex}._bcrypt-section-title{font-size:var(--main-text-xs);color:var(--bcrypt-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}._bcrypt-textarea{width:100%;padding:var(--main-space-3);resize:none;font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--bcrypt-text);background:var(--bcrypt-bg);-moz-tab-size:4;tab-size:4;border:none;outline:none;flex:1;min-height:80px;line-height:1.6}._bcrypt-textarea::placeholder{color:var(--bcrypt-text-muted)}._bcrypt-textarea:focus{outline:none}._bcrypt-action-bar{padding:var(--main-space-3);background:var(--bcrypt-bg-secondary);justify-content:center;align-items:center;display:flex}._bcrypt-btn-primary{font-size:var(--main-text-sm);color:#fff;background:var(--bcrypt-primary);border-radius:var(--bcrypt-radius);padding:.625rem 1.5rem;font-weight:600;transition:opacity .15s;box-shadow:0 2px 8px #6366f140}._bcrypt-btn-primary:hover{opacity:.9}._bcrypt-btn-primary:disabled{opacity:.6;cursor:not-allowed}._bcrypt-btn-primary svg{width:14px;height:14px}._bcrypt-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite _bcrypt-spin;display:inline-block}._bcrypt-spinner-sm{border:1.5px solid #6366f14d;border-top-color:var(--bcrypt-primary);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite _bcrypt-spin;display:inline-block}@keyframes _bcrypt-spin{to{transform:rotate(360deg)}}@media (max-width:768px){._bcrypt-textarea{font-size:var(--main-text-xs)}}._bcrypt-output-content{flex-direction:column;flex:1;display:flex;overflow:auto}._bcrypt-empty-state{justify-content:center;align-items:center;gap:var(--main-space-3);height:100%;color:var(--bcrypt-text-muted);padding:var(--main-space-6);text-align:center;flex-direction:column;display:flex}._bcrypt-empty-state svg{opacity:.3}._bcrypt-empty-state p{font-size:var(--main-text-sm);margin:0}._bcrypt-results{gap:var(--main-space-3);padding:var(--main-space-3);flex-direction:column;flex:1;display:flex}._bcrypt-result-block{background:var(--bcrypt-bg-secondary);border-radius:var(--bcrypt-radius);border-style:solid;border-width:1px;border-color:var(--bcrypt-border);overflow:hidden}._bcrypt-result-header{padding:var(--main-space-1) var(--main-space-2);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bcrypt-border);justify-content:space-between;align-items:center;display:flex}._bcrypt-result-label{text-transform:uppercase;letter-spacing:.05em;color:var(--bcrypt-text-muted);font-size:.625rem;font-weight:600}._bcrypt-btn-copy{color:var(--bcrypt-text-muted);background:0 0;padding:.25rem;transition:color .15s}._bcrypt-btn-copy:hover{color:var(--bcrypt-primary)}._bcrypt-btn-copy.copied{color:var(--bcrypt-success)}._bcrypt-result-value{padding:var(--main-space-2) var(--main-space-3);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--bcrypt-text);word-break:break-all;white-space:pre-wrap;min-height:2.5rem;line-height:1.6}._bcrypt-hash-details{gap:var(--main-space-1);padding:var(--main-space-3);background:var(--bcrypt-bg-secondary);border-radius:var(--bcrypt-radius);border-style:dashed;border-width:1px;border-color:var(--bcrypt-border);flex-direction:column;display:flex}._bcrypt-detail-row{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}._bcrypt-detail-label{font-size:var(--main-text-xs);color:var(--bcrypt-text-muted)}._bcrypt-detail-value{font-size:var(--main-text-xs);font-weight:600;font-family:var(--main-font-mono);color:var(--bcrypt-text)}._bcrypt-verify-result{justify-content:center;align-items:center;gap:var(--main-space-3);padding:var(--main-space-6);text-align:center;flex-direction:column;height:100%;display:flex}._bcrypt-verify-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}._bcrypt-verify-icon svg{width:32px;height:32px}._bcrypt-verify-icon.match{color:var(--bcrypt-success);background:#10b9811a}._bcrypt-verify-icon.mismatch{color:var(--bcrypt-error);background:#ef44441a}._bcrypt-verify-text{font-size:var(--main-text-lg);font-weight:600}._bcrypt-verify-text.match{color:var(--bcrypt-success)}._bcrypt-verify-text.mismatch{color:var(--bcrypt-error)}._bcrypt-verify-time{font-size:var(--main-text-xs);color:var(--bcrypt-text-muted);font-family:var(--main-font-mono)}@media (max-width:768px){._bcrypt-result-value{font-size:var(--main-text-xs)}._bcrypt-verify-icon{width:48px;height:48px}._bcrypt-verify-icon svg{width:24px;height:24px}}._bcrypt-status-bar{padding:var(--main-space-2) var(--main-space-3);background:var(--bcrypt-bg);border-radius:var(--bcrypt-radius-lg);border-style:solid;border-width:1px;border-color:var(--bcrypt-border);box-shadow:var(--bcrypt-shadow);font-size:var(--main-text-xs);font-family:var(--main-font-mono);justify-content:space-between;align-items:center;min-height:2rem;display:flex}._bcrypt-status-left,._bcrypt-status-right{align-items:center;gap:var(--main-space-2);display:flex}._bcrypt-status-indicator{align-items:center;gap:.375rem;font-weight:500;display:inline-flex}._bcrypt-status-indicator svg{width:14px;height:14px}._bcrypt-status-indicator.valid{color:var(--bcrypt-success)}._bcrypt-status-indicator.invalid{color:var(--bcrypt-error)}._bcrypt-status-indicator.empty{color:var(--bcrypt-text-muted)}._bcrypt-status-indicator.processing{color:var(--bcrypt-primary)}._bcrypt-status-item{color:var(--bcrypt-text-muted)}._bcrypt-status-sep{color:var(--bcrypt-border)}@media (max-width:480px){._bcrypt-status-bar{gap:var(--main-space-1);flex-wrap:wrap}}