<!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" />
    <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <script src="crBGtkX.js"></script>
</head>
<body>
    <div id="wrapper">
        <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>
                <div class="button-group">
                    <button id="pasteBtn" onclick="pasteText()">ペースト</button>
                    <button id="clearBtn" onclick="clearInput()">クリア</button>
                </div>
            </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>
    </div>
</body>
</html>