.crc32-section{margin-bottom:2rem;}
.crc32-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.06);overflow:hidden;padding:1.25rem;}
.crc32-input-wrap{margin-bottom:1rem;}
.crc32-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-main,#111);margin-bottom:.5rem;letter-spacing:.02em;}
.crc32-input{width:100%;min-height:100px;padding:1rem;border:2px solid var(--border,#e2e8f0);border-radius:14px;font-size:1rem;line-height:1.55;resize:vertical;background:var(--surface,#fff);color:var(--text-main,#111);transition:border-color .2s,box-shadow .2s;font-family:inherit;}
.crc32-input:focus{outline:none;border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.1);}
.crc32-input::placeholder{color:var(--text-muted,#64748b);}
.crc32-meta{display:block;font-size:.75rem;color:var(--text-muted,#64748b);margin-top:.4rem;}
.crc32-result-wrap{margin-bottom:1rem;}
.crc32-result-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;min-height:52px;padding:.75rem 1rem;border-radius:12px;background:#0f172a;border:1px solid #1e293b;}
.crc32-hash{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:.9375rem;font-weight:500;color:#22d3ee;word-break:break-all;letter-spacing:.03em;}
.crc32-result-bar.empty .crc32-hash{color:var(--text-muted,#64748b);font-weight:400;}
.crc32-copy{flex-shrink:0;padding:.5rem 1rem;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;background:#164e63;color:#fff;border:none;transition:background .2s,transform .05s;}
.crc32-copy:hover:not(:disabled){background:#0e7490;}
.crc32-copy:active{transform:scale(.98);}
.crc32-copy:disabled{opacity:.45;cursor:not-allowed;}
.crc32-copy.copied{background:#059669;}
.crc32-divider{display:flex;align-items:center;text-align:center;margin:1rem 0;color:var(--text-muted,#64748b);font-size:.8125rem;}
.crc32-divider::before,.crc32-divider::after{content:'';flex:1;border-bottom:1px solid var(--border,#e2e8f0);}
.crc32-divider span{padding:0 .75rem;}
.crc32-drop{position:relative;border:2px dashed var(--border,#e2e8f0);border-radius:14px;padding:1.25rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;}
.crc32-drop:hover{border-color:var(--primary,#2563eb);background:rgba(37,99,235,.04);}
.crc32-drop:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px;}
.crc32-drop.dragover{border-color:var(--primary,#2563eb);background:rgba(37,99,235,.08);}
.crc32-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.crc32-drop-icon{display:inline-block;width:36px;height:36px;margin-bottom:.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E") center/contain no-repeat;}
.crc32-drop-text{margin:0;font-size:.9375rem;font-weight:500;color:var(--text-main,#111);}
.crc32-content{margin-bottom:2rem;}
.crc32-heading{font-size:1.25rem;font-weight:700;color:var(--text-main,#111);margin:0 0 .6rem;}
.crc32-p{font-size:1rem;line-height:1.65;color:var(--text-muted,#64748b);margin:0 0 .75rem;}
.crc32-p:last-child{margin-bottom:0;}
.crc32-p a{color:var(--primary,#2563eb);text-decoration:none;}
.crc32-p a:hover{text-decoration:underline;}
@media (min-width:768px){.crc32-card{padding:1.75rem;}.crc32-input{min-height:120px;}.crc32-result-bar{padding:.875rem 1.25rem;min-height:56px;}.crc32-hash{font-size:1rem;}}
@media (max-width:480px){.crc32-card{padding:1rem;border-radius:16px;}.crc32-result-bar{flex-direction:column;align-items:stretch;}.crc32-copy{width:100%;}}