<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>暗号化・復号化ツール</title>
    <link rel="icon" type="image/png" href="/CIPHERfavicon/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/CIPHERfavicon/favicon.svg" />
    <link rel="shortcut icon" href="/CIPHERfavicon/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/CIPHERfavicon/apple-touch-icon.png" />
    <meta name="apple-mobile-web-app-title" content="CIPHER" />
    <link rel="manifest" href="/CIPHERfavicon/site.webmanifest" />
    <script src="crBGtkX.js"></script>
</head>
<body>
    <div class="container">
        <h1>暗号化・復号化ツール</h1>
        <div class="mode-selector">
            <label><input type="radio" name="mode" value="encrypt" checked onchange="changeMode()"> 暗号化</label>
            <label><input type="radio" name="mode" value="decrypt" onchange="changeMode()"> 復号化</label>
        </div>
        <div class="input-container">
            <textarea id="inputText" placeholder="ここにテキストを入力" autofocus></textarea>
            <button id="pasteBtn" onclick="pasteText()">ペースト</button>
            <button id="clearBtn" onclick="clearInput()">クリア</button>
        </div>
        <div class="password-container">
            <input type="password" id="password" placeholder="パスワードを入力">
            <span id="passwordNote" class="note">暗号化時に設定したパスワードを入力してください。</span>
        </div>
        <button id="processBtn" onclick="processText()">実行</button>
        <div class="output-container">
            <textarea id="outputText" placeholder="結果がここに表示されます" readonly></textarea>
            <button id="copyBtn" onclick="copyOutput()">コピー</button>
        </div>
    </div>
    <div id="notification" class="notification">出力をコピーしました！</div>
    <script src="cjqL-M.min.js"></script>
</body>
</html>