.sha512-stack{margin-bottom:2rem;}
.sha512-card{background:var(--surface,#fff);border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);border:1px solid var(--border,#eee);overflow:hidden;}
.sha512-source{padding:1.25rem 1.5rem;}
.sha512-label{display:block;font-size:0.9375rem;font-weight:600;color:var(--text-main,#1a1a1a);margin-bottom:0.5rem;}
.sha512-textarea{width:100%;min-height:140px;padding:1rem 1.25rem;border:2px solid var(--border,#e5e7eb);border-radius:12px;font-size:1rem;line-height:1.6;resize:vertical;background:var(--surface,#fff);color:var(--text-main,#1a1a1a);transition:border-color 0.2s,box-shadow 0.2s;}
.sha512-textarea:focus{outline:none;border-color:var(--primary,#0ea5e9);box-shadow:0 0 0 3px rgba(14,165,233,0.15);}
.sha512-textarea::placeholder{color:var(--text-muted,#6b7280);}
.sha512-hint{font-size:0.8125rem;color:var(--text-muted,#6b7280);margin:0.5rem 0 0;}
.sha512-or{display:flex;align-items:center;text-align:center;margin:0 1.5rem;color:var(--text-muted,#9ca3af);font-size:0.875rem;}
.sha512-or::before,.sha512-or::after{content:'';flex:1;border-bottom:1px solid var(--border,#e5e7eb);}
.sha512-or span{padding:0 1rem;}
.sha512-drop{position:relative;margin:0 1.5rem 1.5rem;padding:2rem 1.5rem;border:2px dashed var(--border,#d1d5db);border-radius:16px;text-align:center;cursor:pointer;transition:border-color 0.2s,background 0.2s;background:var(--surface-muted,#f8fafc);}
.sha512-drop:hover,.sha512-drop:focus-visible{border-color:var(--primary,#0ea5e9);background:rgba(14,165,233,0.04);outline:none;}
.sha512-drop.dragover{border-color:var(--primary,#0ea5e9);background:rgba(14,165,233,0.08);border-style:solid;}
.sha512-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.sha512-drop-icon{display:block;width:40px;height:40px;margin:0 auto 0.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12'/%3E%3C/svg%3E") center/contain no-repeat;}
.sha512-drop:hover .sha512-drop-icon,.sha512-drop.dragover .sha512-drop-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230ea5e9'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12'/%3E%3C/svg%3E");}
.sha512-drop-text{font-size:1rem;font-weight:500;color:var(--text-main,#374151);}
.sha512-actions{display:flex;flex-wrap:wrap;gap:0.75rem;padding:0 1.5rem 1.5rem;}
.sha512-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform 0.15s,box-shadow 0.2s;background:var(--primary,#0ea5e9);color:#fff;}
.sha512-cta:hover{filter:brightness(1.05);box-shadow:0 4px 14px rgba(14,165,233,0.4);}
.sha512-cta:active{transform:scale(0.98);}
.sha512-secondary{min-height:48px;padding:0 1.5rem;border:2px solid var(--border,#e5e7eb);border-radius:12px;font-size:0.9375rem;font-weight:500;cursor:pointer;background:transparent;color:var(--text-muted,#6b7280);transition:border-color 0.2s,color 0.2s;}
.sha512-secondary:hover{border-color:var(--text-muted,#9ca3af);color:var(--text-main,#374151);}
.sha512-result-wrap{padding:0 1.5rem 1.5rem;}
.sha512-result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}
.sha512-result-title{font-size:0.9375rem;font-weight:600;color:var(--text-main,#1a1a1a);}
.sha512-copy{display:inline-flex;align-items:center;padding:0.5rem 1rem;border:none;border-radius:8px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:background 0.2s;background:var(--primary,#0ea5e9);color:#fff;}
.sha512-copy:hover:not(:disabled){filter:brightness(1.08);}
.sha512-copy:disabled{opacity:0.5;cursor:not-allowed;}
.sha512-copy.done{background:#059669;}
.sha512-output{min-height:120px;padding:1rem 1.25rem;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.875rem;line-height:1.6;word-break:break-all;white-space:pre-wrap;overflow-wrap:break-word;background:#0f172a;border:1px solid #1e293b;color:#22d3ee;}
.sha512-output.has-hash .sha512-placeholder{display:none;}
.sha512-placeholder{color:#64748b;font-style:italic;}
.sha512-meta{font-size:0.75rem;color:var(--text-muted,#6b7280);margin:0.5rem 0 0;}
@media (max-width:767px){.sha512-card{border-radius:16px;}.sha512-source,.sha512-drop,.sha512-actions,.sha512-result-wrap{padding-left:1rem;padding-right:1rem;}.sha512-drop{margin-left:1rem;margin-right:1rem;}.sha512-textarea{min-height:120px;font-size:0.9375rem;}.sha512-cta,.sha512-secondary{min-height:44px;width:100%;}.sha512-actions{flex-direction:column;}.sha512-output{min-height:100px;font-size:0.8125rem;}}
@media (min-width:768px){.sha512-actions{flex-direction:row;}}