.styles-module__ZvnmQW__container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.styles-module__ZvnmQW__header{text-align:center;margin-bottom:3rem}.styles-module__ZvnmQW__header .styles-module__ZvnmQW__icon{color:#10b981;margin-bottom:1rem}.styles-module__ZvnmQW__header h1{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.styles-module__ZvnmQW__header p{color:#64748b;font-size:1.1rem}.styles-module__ZvnmQW__modeSelector{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.styles-module__ZvnmQW__modeBtn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.styles-module__ZvnmQW__modeBtn:hover{background:#f0fdf4;border-color:#10b981}.styles-module__ZvnmQW__modeBtn.styles-module__ZvnmQW__active{color:#fff;background:#10b981;border-color:#10b981}.styles-module__ZvnmQW__section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.styles-module__ZvnmQW__sectionHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.styles-module__ZvnmQW__sectionHeader h2{color:#1e293b;margin:0;font-size:1.5rem}.styles-module__ZvnmQW__exampleBtn{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.styles-module__ZvnmQW__exampleBtn:hover{background:#e2e8f0}.styles-module__ZvnmQW__tokenInput{resize:vertical;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:1rem;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;transition:border-color .2s}.styles-module__ZvnmQW__tokenInput:focus{background:#fff;border-color:#10b981;outline:none}.styles-module__ZvnmQW__decodeBtn,.styles-module__ZvnmQW__encodeBtn,.styles-module__ZvnmQW__verifyBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.styles-module__ZvnmQW__decodeBtn:hover,.styles-module__ZvnmQW__encodeBtn:hover,.styles-module__ZvnmQW__verifyBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.styles-module__ZvnmQW__decodedSection{gap:2rem;margin-bottom:2rem;display:grid}.styles-module__ZvnmQW__part{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.styles-module__ZvnmQW__partHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.styles-module__ZvnmQW__partHeader h3{color:#1e293b;margin:0;font-size:1.25rem}.styles-module__ZvnmQW__copyBtn{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.styles-module__ZvnmQW__copyBtn:hover{background:#e2e8f0}.styles-module__ZvnmQW__code{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:0 0 1rem;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.styles-module__ZvnmQW__metadata{background:#f8fafc;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.styles-module__ZvnmQW__metaItem{justify-content:space-between;align-items:center;display:flex}.styles-module__ZvnmQW__metaLabel{color:#64748b;font-size:.875rem;font-weight:600}.styles-module__ZvnmQW__metaValue{color:#1e293b;font-family:Courier New,monospace;font-size:.875rem}.styles-module__ZvnmQW__verifySection{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.styles-module__ZvnmQW__verifySection h3{color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.styles-module__ZvnmQW__verifyForm{grid-template-columns:1fr auto;gap:1rem;margin-bottom:1rem;display:grid}.styles-module__ZvnmQW__input,.styles-module__ZvnmQW__textarea,.styles-module__ZvnmQW__select{border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:1rem;transition:border-color .2s}.styles-module__ZvnmQW__input:focus,.styles-module__ZvnmQW__textarea:focus,.styles-module__ZvnmQW__select:focus{border-color:#10b981;outline:none}.styles-module__ZvnmQW__textarea{resize:vertical;background:#f8fafc;line-height:1.6}.styles-module__ZvnmQW__select{cursor:pointer;background:#fff;font-family:inherit}.styles-module__ZvnmQW__verifyResult{border-radius:8px;align-items:center;gap:.75rem;padding:1rem;font-weight:600;display:flex}.styles-module__ZvnmQW__verifyResult.styles-module__ZvnmQW__success{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.styles-module__ZvnmQW__verifyResult.styles-module__ZvnmQW__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.styles-module__ZvnmQW__encodeSection{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.styles-module__ZvnmQW__encodeForm{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.styles-module__ZvnmQW__formGroup{flex-direction:column;gap:.5rem;display:flex}.styles-module__ZvnmQW__formGroup label{justify-content:space-between;align-items:center;display:flex}.styles-module__ZvnmQW__formGroup h3{color:#1e293b;margin:0;font-size:1.1rem}.styles-module__ZvnmQW__result{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;padding:1.5rem}.styles-module__ZvnmQW__resultHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.styles-module__ZvnmQW__resultHeader h3{color:#1e293b;margin:0;font-size:1.1rem}.styles-module__ZvnmQW__tokenOutput{color:#e2e8f0;word-break:break-all;background:#1e293b;border-radius:8px;margin:0;padding:1rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.styles-module__ZvnmQW__errorBox{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem;font-size:.9rem;display:flex}.styles-module__ZvnmQW__info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.styles-module__ZvnmQW__info h2{color:#1e293b;margin-bottom:1rem;font-size:1.5rem}.styles-module__ZvnmQW__info h3{color:#334155;margin-top:2rem;margin-bottom:1rem;font-size:1.25rem}.styles-module__ZvnmQW__info p{color:#475569;margin-bottom:1rem;line-height:1.8}.styles-module__ZvnmQW__info ul{color:#475569;margin-left:1.5rem;line-height:1.8}.styles-module__ZvnmQW__info li{margin-bottom:.5rem}.styles-module__ZvnmQW__info strong{color:#1e293b;font-weight:600}@media (max-width:768px){.styles-module__ZvnmQW__container{padding:1rem .5rem}.styles-module__ZvnmQW__header h1{font-size:2rem}.styles-module__ZvnmQW__modeSelector{flex-direction:column}.styles-module__ZvnmQW__modeBtn{justify-content:center;width:100%}.styles-module__ZvnmQW__verifyForm{grid-template-columns:1fr}.styles-module__ZvnmQW__section,.styles-module__ZvnmQW__verifySection,.styles-module__ZvnmQW__encodeSection{padding:1rem}}