.container.svelte-h4z8l4.svelte-h4z8l4{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.page-header.svelte-h4z8l4.svelte-h4z8l4{text-align:center;margin-bottom:3rem}.page-title.svelte-h4z8l4.svelte-h4z8l4{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description.svelte-h4z8l4.svelte-h4z8l4{font-size:1.125rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.tool-content.svelte-h4z8l4.svelte-h4z8l4{display:grid;grid-template-columns:1fr;gap:2rem}.input-section.svelte-h4z8l4.svelte-h4z8l4{background:rgba(30,41,59,.5);border-radius:1rem;padding:2rem;border:1px solid #334155}.input-type-selector.svelte-h4z8l4.svelte-h4z8l4{display:flex;gap:.5rem;margin-bottom:2rem;background:rgba(15,23,42,.8);padding:.25rem;border-radius:.5rem;border:1px solid #475569}.type-button.svelte-h4z8l4.svelte-h4z8l4{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:.25rem;color:#cbd5e1;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.type-button.active.svelte-h4z8l4.svelte-h4z8l4{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600}.type-button.svelte-h4z8l4.svelte-h4z8l4:not(.active):hover{background:rgba(59,130,246,.1);color:#f1f5f9}.text-input-section.svelte-h4z8l4.svelte-h4z8l4,.file-input-section.svelte-h4z8l4.svelte-h4z8l4{margin-bottom:2rem}.input-label.svelte-h4z8l4.svelte-h4z8l4{display:block;font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.text-input.svelte-h4z8l4.svelte-h4z8l4{width:100%;padding:1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;resize:vertical;transition:border-color .2s ease}.text-input.svelte-h4z8l4.svelte-h4z8l4:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.text-input.svelte-h4z8l4.svelte-h4z8l4::placeholder{color:#64748b}.file-input.svelte-h4z8l4.svelte-h4z8l4{width:100%;padding:1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-size:.9rem;transition:border-color .2s ease}.file-input.svelte-h4z8l4.svelte-h4z8l4:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.file-info.svelte-h4z8l4.svelte-h4z8l4{margin-top:1rem;background:rgba(15,23,42,.8);border:1px solid #475569;border-radius:.5rem;padding:1rem}.file-details.svelte-h4z8l4.svelte-h4z8l4{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.file-name.svelte-h4z8l4.svelte-h4z8l4{color:#f1f5f9;font-weight:500}.file-size.svelte-h4z8l4.svelte-h4z8l4{color:#94a3b8;font-size:.9rem}.examples-section.svelte-h4z8l4.svelte-h4z8l4{margin-bottom:2rem}.examples-title.svelte-h4z8l4.svelte-h4z8l4{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.examples-grid.svelte-h4z8l4.svelte-h4z8l4{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.example-button.svelte-h4z8l4.svelte-h4z8l4{padding:.5rem .75rem;background:rgba(15,23,42,.8);border:1px solid #475569;border-radius:.5rem;color:#cbd5e1;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:center}.example-button.svelte-h4z8l4.svelte-h4z8l4:hover{background:rgba(59,130,246,.1);border-color:#60a5fa;color:#f1f5f9}.controls.svelte-h4z8l4.svelte-h4z8l4{display:flex;gap:1rem}.calculate-button.svelte-h4z8l4.svelte-h4z8l4{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:.95rem}.calculate-button.svelte-h4z8l4.svelte-h4z8l4:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.calculate-button.svelte-h4z8l4.svelte-h4z8l4:active{transform:translateY(0)}.clear-button.svelte-h4z8l4.svelte-h4z8l4{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:.95rem}.clear-button.svelte-h4z8l4.svelte-h4z8l4:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.clear-button.svelte-h4z8l4.svelte-h4z8l4:active{transform:translateY(0)}.output-section.svelte-h4z8l4.svelte-h4z8l4{background:rgba(30,41,59,.5);border-radius:1rem;padding:2rem;border:1px solid #334155}.output-header.svelte-h4z8l4.svelte-h4z8l4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.output-title.svelte-h4z8l4.svelte-h4z8l4{font-size:1.5rem;font-weight:700;color:#f1f5f9}.copy-all-button.svelte-h4z8l4.svelte-h4z8l4{padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:.85rem}.copy-all-button.svelte-h4z8l4.svelte-h4z8l4:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.copy-all-button.svelte-h4z8l4.svelte-h4z8l4:active{transform:translateY(0)}.input-info.svelte-h4z8l4.svelte-h4z8l4{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item.svelte-h4z8l4.svelte-h4z8l4{display:flex;justify-content:space-between;align-items:center}.info-label.svelte-h4z8l4.svelte-h4z8l4{color:#94a3b8;font-size:.9rem}.info-value.svelte-h4z8l4.svelte-h4z8l4{color:#60a5fa;font-weight:600;font-size:.9rem;text-align:right;word-break:break-all}.hash-results.svelte-h4z8l4.svelte-h4z8l4{margin-bottom:2rem}.hash-item.svelte-h4z8l4.svelte-h4z8l4{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.hash-header.svelte-h4z8l4.svelte-h4z8l4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.hash-algorithm.svelte-h4z8l4.svelte-h4z8l4{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin:0}.hash-info.svelte-h4z8l4.svelte-h4z8l4{display:flex;align-items:center;gap:1rem}.hash-length.svelte-h4z8l4.svelte-h4z8l4{color:#94a3b8;font-size:.85rem}.copy-hash-button.svelte-h4z8l4.svelte-h4z8l4{padding:.5rem .75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.25rem;color:#fff;font-size:.8rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.copy-hash-button.svelte-h4z8l4.svelte-h4z8l4:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.copy-hash-button.svelte-h4z8l4.svelte-h4z8l4:active{transform:translateY(0)}.hash-value.svelte-h4z8l4.svelte-h4z8l4{background:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:1rem}.hash-code.svelte-h4z8l4.svelte-h4z8l4{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem;color:#10b981;word-break:break-all;line-height:1.5}.hash-unavailable.svelte-h4z8l4.svelte-h4z8l4{color:#f59e0b;font-style:italic;font-size:.9rem}.placeholder.svelte-h4z8l4.svelte-h4z8l4{color:#64748b;font-style:italic;text-align:center;font-size:1.125rem;padding:3rem}.hash-info-section.svelte-h4z8l4.svelte-h4z8l4,.hash-tips.svelte-h4z8l4.svelte-h4z8l4{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.info-title.svelte-h4z8l4.svelte-h4z8l4,.tips-title.svelte-h4z8l4.svelte-h4z8l4{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.algorithm-info.svelte-h4z8l4.svelte-h4z8l4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.algorithm-item.svelte-h4z8l4.svelte-h4z8l4{background:rgba(30,41,59,.5);border:1px solid #475569;border-radius:.5rem;padding:1rem}.algorithm-item.svelte-h4z8l4 h4.svelte-h4z8l4{color:#60a5fa;font-size:1rem;font-weight:600;margin:0 0 .5rem}.algorithm-item.svelte-h4z8l4 p.svelte-h4z8l4{color:#cbd5e1;font-size:.9rem;line-height:1.5;margin:0}.tips-list.svelte-h4z8l4.svelte-h4z8l4{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin:0;padding-left:1.5rem}.tips-list.svelte-h4z8l4 li.svelte-h4z8l4{margin-bottom:.5rem}@media (min-width: 1024px){.tool-content.svelte-h4z8l4.svelte-h4z8l4{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.container.svelte-h4z8l4.svelte-h4z8l4{padding:1rem}.page-title.svelte-h4z8l4.svelte-h4z8l4{font-size:2rem}.input-section.svelte-h4z8l4.svelte-h4z8l4,.output-section.svelte-h4z8l4.svelte-h4z8l4{padding:1.5rem}.output-header.svelte-h4z8l4.svelte-h4z8l4,.hash-header.svelte-h4z8l4.svelte-h4z8l4{flex-direction:column;align-items:stretch}.hash-info.svelte-h4z8l4.svelte-h4z8l4{justify-content:space-between}.examples-grid.svelte-h4z8l4.svelte-h4z8l4{grid-template-columns:repeat(2,1fr)}.algorithm-info.svelte-h4z8l4.svelte-h4z8l4,.input-info.svelte-h4z8l4.svelte-h4z8l4{grid-template-columns:1fr}}