.. 제목: Cisco Type 7 비밀번호 인코더/디코더
.. 슬러그: cisco-type7-password-decoder
.. 날짜: 2026-01-10 12:00:00 UTC
.. 태그: 보안, 시스코, 비밀번호, 암호, 암호화
.. 카테고리: 보안 도구
.. 링크:
.. 설명: Cisco Type 7 암호화된 비밀번호 인코딩 및 디코딩 - 보안에 Type 7 암호화를 절대 사용해서는 안 되는 이유를 보여주는 교육 도구
.. 유형: 텍스트
<style>
    .calc-container {
        max-width: 1000px;
        margin: 20px auto;
        padding: 20px;
    }

    .page-header {
        margin-bottom: 30px;
        padding: 25px;
        background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        color: white;
        text-align: center;
    }

    .page-header h2 {
        margin-top: 0;
        color: white;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .page-header p {
        margin: 10px 0;
        opacity: 0.95;
        font-size: 15px;
    }

    .warning-box {
        background: rgba(255, 193, 7, 0.2);
        border-left: 4px solid #ffc107;
        padding: 15px;
        margin: 20px 0;
        border-radius: 4px;
    }

    .warning-box strong {
        color: #ff9800;
        font-size: 16px;
    }

    .tool-section {
        margin-bottom: 30px;
        padding: 25px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        color: white;
    }

    .tool-section.encode-section {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    }

    .tool-section h3 {
        margin-top: 0;
        color: white;
        font-size: 22px;
        margin-bottom: 15px;
    }

    .input-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 20px;
    }

    .input-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .input-group label {
        font-weight: bold;
        font-size: 14px;
        color: rgba(255,255,255,0.95);
    }

    .input-group input,
    .input-group select {
        padding: 12px;
        font-size: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        background: rgba(255,255,255,0.95);
        transition: all 0.3s ease;
        font-family: 'Courier New', monospace;
    }

    .input-group input:focus,
    .input-group select:focus {
        outline: none;
        border-color: #ffc107;
        background: white;
        box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.1);
    }

    .button-row {
        display: flex;
        gap: 10px;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .calc-button {
        padding: 14px 35px;
        font-size: 16px;
        background: #ffc107;
        color: #333;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        flex: 1;
        min-width: 150px;
    }

    .calc-button:hover {
        background: #ffb300;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

    .calc-button:active {
        background: #ffa000;
        transform: translateY(0);
    }

    .calc-button.secondary {
        background: rgba(255,255,255,0.9);
        color: #333;
    }

    .calc-button.secondary:hover {
        background: white;
    }

    .advanced-options {
        margin-top: 15px;
        padding: 15px;
        background: rgba(0,0,0,0.1);
        border-radius: 6px;
        display: none;
    }

    .advanced-options.show {
        display: block;
    }

    .checkbox-group {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .checkbox-group input[type="checkbox"] {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .checkbox-group label {
        margin: 0;
        cursor: pointer;
        user-select: none;
    }

    .result-section {
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-top: 20px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        display: none;
    }

    .result-section.show {
        display: block;
    }

    .section-header {
        background: linear-gradient(135deg, #28a745 0%, #218838 100%);
        color: white;
        padding: 15px 20px;
        font-size: 18px;
        font-weight: bold;
    }

    .section-content {
        padding: 20px;
        background: #fafafa;
    }

    .data-row {
        display: flex;
        margin: 12px 0;
        padding: 10px;
        background: white;
        border-radius: 4px;
        border-left: 3px solid #28a745;
        align-items: center;
    }

    .data-label {
        font-weight: bold;
        color: #555;
        min-width: 180px;
        flex-shrink: 0;
    }

    .data-value {
        color: #333;
        font-family: 'Courier New', monospace;
        word-break: break-word;
        flex: 1;
    }

    .data-value.highlight {
        color: #28a745;
        font-weight: bold;
        font-size: 18px;
    }

    .copy-button {
        margin-left: 10px;
        padding: 6px 12px;
        font-size: 12px;
        background: #007bff;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

    .copy-button:hover {
        background: #0056b3;
    }

    .copy-button.copied {
        background: #28a745;
    }

    .transfer-button {
        margin-top: 15px;
        padding: 10px 20px;
        font-size: 14px;
        background: #6c757d;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .transfer-button:hover {
        background: #5a6268;
    }

    .error-message {
        color: #dc3545;
        font-weight: bold;
        padding: 10px;
        background: #f8d7da;
        border-radius: 4px;
        margin: 10px 0;
    }

    .success-message {
        color: #28a745;
        font-weight: bold;
        padding: 10px;
        background: #d4edda;
        border-radius: 4px;
        margin: 10px 0;
    }

    .info-box {
        margin-top: 30px;
        padding: 20px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        border-top: 3px solid #dc3545;
    }

    .info-box h3 {
        margin-top: 0;
        color: #dc3545;
        font-size: 20px;
    }

    .info-box h4 {
        color: #666;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .info-box p, .info-box li {
        line-height: 1.6;
        color: #555;
        margin: 10px 0;
    }

    .info-box ol, .info-box ul {
        margin-left: 20px;
    }

    .info-box a {
        color: #dc3545;
        text-decoration: none;
    }

    .info-box a:hover {
        text-decoration: underline;
    }

    .recommendation-box {
        background: #d4edda;
        border-left: 4px solid #28a745;
        padding: 15px;
        margin: 20px 0;
        border-radius: 4px;
    }

    .recommendation-box strong {
        color: #28a745;
    }

    .example-buttons {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .example-button {
        padding: 8px 16px;
        font-size: 13px;
        background: rgba(255,255,255,0.8);
        color: #333;
        border: 1px solid rgba(255,255,255,0.5);
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .example-button:hover {
        background: white;
        border-color: white;
    }

    /* Responsive design */
    @media (max-width: 768px) {
        .data-row {
            flex-direction: column;
            align-items: flex-start;
        }

        .data-label {
            margin-bottom: 5px;
            min-width: auto;
        }

        .copy-button {
            margin-left: 0;
            margin-top: 8px;
        }

        .button-row {
            flex-direction: column;
        }

        .calc-button {
            width: 100%;
        }
    }
</style>
<div class="calc-container">
<div class="page-header">
<h2>Cisco 유형 7 비밀번호 인코더/디코더</h2>
<p>Cisco Type 7 비밀번호 암호화의 약점을 보여주는 교육 도구입니다. 일반 텍스트를 유형 7로 인코딩하거나 유형 7을 일반 텍스트로 디코딩합니다.</p>
<div class="warning-box">
<strong>⚠️ 보안 경고:</strong>Cisco Type 7 암호화는 안전하지 않으며 1995년에 해독되었습니다. 알려진 상수가 있는 간단한 XOR 암호를 사용하므로 보안을 위해 절대 의존해서는 안 됩니다. 프로덕션 환경에는 유형 5(MD5), 유형 8(PBKDF2-SHA256) 또는 유형 9(scrypt)를 사용하십시오.</div>
</div>
디코딩 섹션
<div class="tool-section">
<h3>🔓 유형 7 비밀번호 디코딩</h3>
<p style="opacity: 0.9; font-size: 14px;">암호화된 유형 7 비밀번호를 다시 일반 텍스트로 변환합니다.</p>
<div class="input-grid">
<div class="input-group">
<label for="encryptedPassword">암호화된 유형 7 비밀번호:</label>
<input id="encryptedPassword" placeholder="e.g., 111918160405041E00" type="text" value="111918160405041E00"/>
</div>
</div>
<div class="example-buttons">
<button class="example-button" onclick="loadDecodeExample(1)">실시예 1</button>
<button class="example-button" onclick="loadDecodeExample(2)">실시예 2</button>
<button class="example-button" onclick="loadDecodeExample(3)">실시예 3</button>
</div>
<div class="button-row">
<button class="calc-button" onclick="decodeType7Password()">비밀번호 해독</button>
</div>
<div class="result-section" id="decodeResults">
<div class="section-header">디코딩 결과</div>
<div class="section-content">
<div id="decodeErrorContainer"></div>
<div class="data-row">
<div class="data-label">암호화된 비밀번호:</div>
<div class="data-value" id="decodeEncryptedValue">-</div>
<button class="copy-button" onclick="copyToClipboard('decodeEncryptedValue', this)">복사</button>
</div>
<div class="data-row">
<div class="data-label">일반 텍스트 비밀번호:</div>
<div class="data-value highlight" id="decodePlaintextValue">-</div>
<button class="copy-button" onclick="copyToClipboard('decodePlaintextValue', this)">복사</button>
</div>
<div class="data-row">
<div class="data-label">소금 지수:</div>
<div class="data-value" id="decodeSaltIndex">-</div>
</div>
<button class="transfer-button" onclick="transferToEncode()">→ 이 일반 텍스트를 인코딩</button>
</div>
</div>
</div>
인코딩 섹션
<div class="tool-section encode-section">
<h3>🔐 유형 7 비밀번호로 인코딩</h3>
<p style="opacity: 0.9; font-size: 14px;">일반 텍스트를 유형 7 암호화 형식으로 변환합니다(테스트/교육 목적으로만).</p>
<div class="input-grid">
<div class="input-group">
<label for="plaintextPassword">일반 텍스트 비밀번호:</label>
<input id="plaintextPassword" placeholder="Enter password to encrypt" type="text" value="password"/>
</div>
</div>
<div class="example-buttons">
<button class="example-button" onclick="loadEncodeExample(1)">실시예 1</button>
<button class="example-button" onclick="loadEncodeExample(2)">실시예 2</button>
<button class="example-button" onclick="loadEncodeExample(3)">실시예 3</button>
</div>
<div class="checkbox-group">
<input id="showAdvanced" onchange="toggleAdvancedOptions()" type="checkbox"/>
<label for="showAdvanced">고급 옵션 표시</label>
</div>
<div class="advanced-options" id="advancedOptions">
<div class="input-group">
<label for="saltIndex">소금 지수(0-52, 무작위로 비워두기):</label>
<input id="saltIndex" max="52" min="0" placeholder="Random" type="number"/>
</div>
<p style="font-size: 13px; opacity: 0.8; margin-top: 10px;">참고: Cisco 장치는 솔트 인덱스를 무작위로 선택합니다. 무작위를 사용하면 실제 장치 동작을 모방합니다.</p>
</div>
<div class="button-row">
<button class="calc-button" onclick="encodeType7Password()">비밀번호 인코딩</button>
</div>
<div class="result-section" id="encodeResults">
<div class="section-header">인코딩 결과</div>
<div class="section-content">
<div id="encodeErrorContainer"></div>
<div class="data-row">
<div class="data-label">일반 텍스트 비밀번호:</div>
<div class="data-value" id="encodePlaintextValue">-</div>
<button class="copy-button" onclick="copyToClipboard('encodePlaintextValue', this)">복사</button>
</div>
<div class="data-row">
<div class="data-label">암호화된 유형 7:</div>
<div class="data-value highlight" id="encodeEncryptedValue">-</div>
<button class="copy-button" onclick="copyToClipboard('encodeEncryptedValue', this)">복사</button>
</div>
<div class="data-row">
<div class="data-label">사용된 소금 지수:</div>
<div class="data-value" id="encodeSaltIndex">-</div>
</div>
<button class="transfer-button" onclick="transferToDecode()">→ 이 비밀번호를 해독하세요</button>
</div>
</div>
</div>
<div class="info-box">
<h3>Cisco 유형 7 비밀번호 암호화 정보</h3>
<p>
<strong>유형 7 암호화란 무엇입니까?</strong>Cisco Type 7은 진정한 암호화가 아닌 단순한 난독화 방법입니다. 1980년대에 구성 파일의 비밀번호를 무심코 관찰하는 것을 방지하기 위해 설계되었지만, 결정적인 공격자에 대한 실제 보안은 제공하지 않습니다.</p>
<h4>유형 7 "암호화" 작동 방식:</h4>
<ol>
<li><strong>고정 소금:</strong>유형 7은 하드코딩된 상수 문자열인 "dsfd;kfoA,.iyewrkldJKDHSUBsgvca69834ncxv9873254k;fg87"을 사용합니다.</li>
<li><strong>지수 선택:</strong>암호화된 문자열의 처음 두 자리는 솔트에서 시작할 문자(0-52)를 나타냅니다.</li>
<li><strong>XOR 연산:</strong>비밀번호의 각 문자는 솔트의 연속 문자와 XOR됩니다.</li>
<li><strong>16진수 인코딩:</strong>XOR 결과는 16진수 쌍으로 변환되어 연결됩니다.</li>
</ol>
<h4>유형 7이 안전하지 않은 이유:</h4>
<ul>
<li>알고리즘은 역설계되어 1995년에 출판되었습니다.</li>
<li>소금은 공개적으로 알려져 있으며 결코 변하지 않습니다.</li>
<li>암호화 암호화가 아닌 단순한 XOR 암호화입니다.</li>
<li>쉽게 사용할 수 있는 도구를 사용하여 즉시 크랙할 수 있습니다.</li>
<li>구성에 액세스하는 사람에 대한 보호 기능을 전혀 제공하지 않습니다.</li>
</ul>
<h4>공격 벡터:</h4>
<ul>
<li><strong>SNMP 액세스:</strong>공격자는 SNMP를 통해 네트워크 장치에 쿼리하여 구성을 검색할 수 있습니다.</li>
<li><strong>백업 서버 손상:</strong>백업을 저장하는 TFTP, FTP 또는 SCP 서버가 취약할 수 있음</li>
<li><strong>이메일 차단:</strong>TAC 통신에는 종종 구성이 포함됩니다.</li>
<li><strong>내부자 위협:</strong>구성에 대한 읽기 액세스 권한이 있는 사람은 누구나 비밀번호를 해독할 수 있습니다.</li>
</ul>
<div class="recommendation-box">
<strong>✓ 권장 솔루션:</strong>
<ul>
<li><strong>유형 5(MD5):</strong>"비밀번호 활성화" 대신 "비밀번호 활성화"를 사용하세요. 단방향 MD5 해싱을 제공합니다.</li>
<li><strong>유형 8(PBKDF2-SHA256):</strong>최신 비밀번호 기반 키 파생(최신 IOS 버전에서 사용 가능)</li>
<li><strong>유형 9(스크립트):</strong>하드웨어 기반 공격에 강한 가장 안전한 옵션(IOS-XE 16.9+)</li>
<li><strong>AAA/TACACS+:</strong>인증을 중앙 집중화하고 더 강력한 프로토콜을 사용하세요.</li>
<li><strong>안전한 운송:</strong>항상 Telnet 대신 SSH를 사용하고, HTTP 대신 HTTPS를 사용하십시오.</li>
</ul>
</div>
<h4>심층 방어:</h4>
<p>적절한 비밀번호 암호화를 사용하더라도 다음 보안 조치를 구현하십시오.</p>
<ul>
<li>CoPP(Control Plane Policing)를 사용하여 관리 플레인 보호</li>
<li>ACL(액세스 제어 목록)을 구현하여 관리 액세스를 제한합니다.</li>
<li>강력한 커뮤니티 문자열 및 ACL로 SNMP를 보호합니다(또는 사용하지 않는 경우 비활성화).</li>
<li>적절한 인증 및 암호화로 구성 백업 서버를 보호하세요.</li>
<li>DNSSEC를 사용하여 DNS 중독 공격 방지</li>
<li>최소 권한 액세스 구현 및 정기적으로 자격 증명 교체</li>
</ul>
<h4>참고자료:</h4>
<ul>
<li><a href="https://www.cisco.com/c/en/us/support/docs/security-vpn/remote-authentication-dial-user-service-radius/107614-64.html" target="_blank">Cisco 비밀번호 유형 및 암호화</a></li>
<li><a href="https://tools.ietf.org/html/rfc2898" target="_blank">RFC 2898: PBKDF2 사양</a></li>
<li><a href="https://www.sans.org/reading-room/whitepapers/passwords/cisco-ios-type-7-password-vulnerability-100566" target="_blank">SANS: Cisco IOS 유형 7 비밀번호 취약점</a></li>
</ul>
<h4>교육 목적:</h4>
<p>이 도구는 교육 목적 및 승인된 보안 테스트 목적으로만 제공됩니다. 이는 오래된 암호화 방법의 약점을 보여주고 현대적이고 안전한 인증 메커니즘을 사용하는 것의 중요성을 강조합니다. 시스템에 대한 무단 액세스에 이 도구를 사용하지 마십시오.</p>
</div>
</div>
<script>
// Cisco Type 7 constant (salt)
const TYPE7_CONSTANT = "dsfd;kfoA,.iyewrkldJKDHSUBsgvca69834ncxv9873254k;fg87";

// Example passwords for testing
const DECODE_EXAMPLES = [
    { encrypted: "111918160405041E00", description: "Example 1: Simple password" },
    { encrypted: "060506324F41", description: "Example 2: Short password" },
    { encrypted: "02050D480809", description: "Example 3: Numeric password" }
];

const ENCODE_EXAMPLES = [
    { plaintext: "cisco", description: "Example 1: Common word" },
    { plaintext: "P@ssw0rd!", description: "Example 2: Special characters" },
    { plaintext: "12345", description: "Example 3: Numbers only" }
];

// Decode Type 7 password
function decodeType7Password() {
    const encryptedPassword = document.getElementById('encryptedPassword').value.trim();
    document.getElementById('decodeErrorContainer').innerHTML = '';

    if (!encryptedPassword) {
        showDecodeError('Please enter an encrypted password');
        return;
    }

    if (!/^[0-9A-Fa-f]+$/.test(encryptedPassword)) {
        showDecodeError('Invalid input: Password must contain only hexadecimal characters (0-9, A-F)');
        return;
    }

    if (encryptedPassword.length < 4 || encryptedPassword.length % 2 !== 0) {
        showDecodeError('Invalid input: Password must be at least 4 characters and have even length');
        return;
    }

    try {
        const saltIndexStr = encryptedPassword.substring(0, 2);
        const saltIndex = parseInt(saltIndexStr, 10);

        if (saltIndex < 0 || saltIndex >= TYPE7_CONSTANT.length) {
            showDecodeError(`Invalid salt index: ${saltIndex}. Must be between 0 and ${TYPE7_CONSTANT.length - 1}`);
            return;
        }

        let plaintext = '';
        let currentSaltIndex = saltIndex;

        for (let i = 2; i < encryptedPassword.length; i += 2) {
            const hexPair = encryptedPassword.substring(i, i + 2);
            const encryptedCharCode = parseInt(hexPair, 16);
            const saltCharCode = TYPE7_CONSTANT.charCodeAt(currentSaltIndex);
            const plaintextCharCode = encryptedCharCode ^ saltCharCode;
            plaintext += String.fromCharCode(plaintextCharCode);
            currentSaltIndex = (currentSaltIndex + 1) % TYPE7_CONSTANT.length;
        }

        document.getElementById('decodeEncryptedValue').textContent = encryptedPassword;
        document.getElementById('decodePlaintextValue').textContent = plaintext;
        document.getElementById('decodeSaltIndex').textContent = `${saltIndex} (starts at character '${TYPE7_CONSTANT.charAt(saltIndex)}')`;

        document.getElementById('decodeResults').classList.add('show');
        document.getElementById('decodeResults').scrollIntoView({ behavior: 'smooth', block: 'start' });

    } catch (error) {
        showDecodeError('Error decoding password: ' + error.message);
    }
}

// Encode to Type 7 password
function encodeType7Password() {
    const plaintextPassword = document.getElementById('plaintextPassword').value;
    document.getElementById('encodeErrorContainer').innerHTML = '';

    if (!plaintextPassword) {
        showEncodeError('Please enter a plaintext password');
        return;
    }

    if (plaintextPassword.length > 25) {
        showEncodeError('Warning: Cisco Type 7 passwords are typically limited to 25 characters');
    }

    try {
        // Get salt index (random or user-specified)
        let saltIndex;
        const userSaltIndex = document.getElementById('saltIndex').value;

        if (userSaltIndex !== '' && userSaltIndex !== null) {
            saltIndex = parseInt(userSaltIndex, 10);
            if (saltIndex < 0 || saltIndex >= TYPE7_CONSTANT.length) {
                showEncodeError(`Invalid salt index: ${saltIndex}. Must be between 0 and ${TYPE7_CONSTANT.length - 1}`);
                return;
            }
        } else {
            // Random salt index (mimics Cisco behavior)
            saltIndex = Math.floor(Math.random() * TYPE7_CONSTANT.length);
        }

        // Build encrypted password
        let encrypted = saltIndex.toString().padStart(2, '0');
        let currentSaltIndex = saltIndex;

        for (let i = 0; i < plaintextPassword.length; i++) {
            const plaintextCharCode = plaintextPassword.charCodeAt(i);
            const saltCharCode = TYPE7_CONSTANT.charCodeAt(currentSaltIndex);
            const encryptedCharCode = plaintextCharCode ^ saltCharCode;
            encrypted += encryptedCharCode.toString(16).toUpperCase().padStart(2, '0');
            currentSaltIndex = (currentSaltIndex + 1) % TYPE7_CONSTANT.length;
        }

        document.getElementById('encodePlaintextValue').textContent = plaintextPassword;
        document.getElementById('encodeEncryptedValue').textContent = encrypted;
        document.getElementById('encodeSaltIndex').textContent = `${saltIndex} (character '${TYPE7_CONSTANT.charAt(saltIndex)}')`;

        document.getElementById('encodeResults').classList.add('show');
        document.getElementById('encodeResults').scrollIntoView({ behavior: 'smooth', block: 'start' });

    } catch (error) {
        showEncodeError('Error encoding password: ' + error.message);
    }
}

// Copy to clipboard function
function copyToClipboard(elementId, buttonElement) {
    const text = document.getElementById(elementId).textContent;

    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(text).then(() => {
            showCopySuccess(buttonElement);
        }).catch(err => {
            fallbackCopy(text, buttonElement);
        });
    } else {
        fallbackCopy(text, buttonElement);
    }
}

// Fallback copy method for older browsers
function fallbackCopy(text, buttonElement) {
    const textArea = document.createElement('textarea');
    textArea.value = text;
    textArea.style.position = 'fixed';
    textArea.style.left = '-999999px';
    document.body.appendChild(textArea);
    textArea.select();
    try {
        document.execCommand('copy');
        showCopySuccess(buttonElement);
    } catch (err) {
        console.error('Failed to copy:', err);
    }
    document.body.removeChild(textArea);
}

// Show copy success feedback
function showCopySuccess(buttonElement) {
    const originalText = buttonElement.textContent;
    buttonElement.textContent = 'Copied!';
    buttonElement.classList.add('copied');
    setTimeout(() => {
        buttonElement.textContent = originalText;
        buttonElement.classList.remove('copied');
    }, 2000);
}

// Transfer functions
function transferToEncode() {
    const plaintext = document.getElementById('decodePlaintextValue').textContent;
    if (plaintext && plaintext !== '-') {
        document.getElementById('plaintextPassword').value = plaintext;
        document.getElementById('plaintextPassword').scrollIntoView({ behavior: 'smooth', block: 'center' });
        document.getElementById('plaintextPassword').focus();
    }
}

function transferToDecode() {
    const encrypted = document.getElementById('encodeEncryptedValue').textContent;
    if (encrypted && encrypted !== '-') {
        document.getElementById('encryptedPassword').value = encrypted;
        document.getElementById('encryptedPassword').scrollIntoView({ behavior: 'smooth', block: 'center' });
        document.getElementById('encryptedPassword').focus();
    }
}

// Toggle advanced options
function toggleAdvancedOptions() {
    const checkbox = document.getElementById('showAdvanced');
    const advancedDiv = document.getElementById('advancedOptions');
    if (checkbox.checked) {
        advancedDiv.classList.add('show');
    } else {
        advancedDiv.classList.remove('show');
        document.getElementById('saltIndex').value = '';
    }
}

// Load examples
function loadDecodeExample(exampleNum) {
    const example = DECODE_EXAMPLES[exampleNum - 1];
    document.getElementById('encryptedPassword').value = example.encrypted;
}

function loadEncodeExample(exampleNum) {
    const example = ENCODE_EXAMPLES[exampleNum - 1];
    document.getElementById('plaintextPassword').value = example.plaintext;
}

// Error display functions
function showDecodeError(message) {
    const errorContainer = document.getElementById('decodeErrorContainer');
    errorContainer.innerHTML = `<div class="error-message">${message}</div>`;
    document.getElementById('decodeResults').classList.add('show');
}

function showEncodeError(message) {
    const errorContainer = document.getElementById('encodeErrorContainer');
    errorContainer.innerHTML = `<div class="error-message">${message}</div>`;
    document.getElementById('encodeResults').classList.add('show');
}

// Add Enter key support
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('encryptedPassword').addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
            decodeType7Password();
        }
    });

    document.getElementById('plaintextPassword').addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
            encodeType7Password();
        }
    });
});
</script>