:root{color-scheme:dark;--bg:#0d0917;--panel:#1b1228;--line:#4c315d;--text:#f4eafa;--violet:#d8adff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#301848,#0d0917 70%);color:var(--text);font:15px system-ui,-apple-system,sans-serif}main{max-width:760px;margin:0 auto;padding:22px 14px 70px}header{padding:8px 5px 25px}h1{font:normal 43px Georgia,serif;margin:7px 0}h1 em{color:var(--violet)}header p{margin:4px 0;color:#b8a3cb}.tag{font-size:11px;letter-spacing:.17em;color:#d4a5fc}section{background:linear-gradient(150deg,#241633,#151020);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:15px}label{display:block;font-weight:600;margin:4px 0 12px}input{width:100%;margin:12px 0;font-size:14px}button{background:#814eb4;color:white;border:1px solid #ba8ae9;border-radius:10px;padding:12px 18px;font-weight:bold;cursor:pointer}button:disabled{opacity:.45;cursor:default}.hint,footer{color:#bba9cb;font-size:12px;line-height:1.65}canvas{max-width:100%;width:100%;height:auto;background:#060509;border-radius:10px;margin:10px 0;display:none}.data label{border-bottom:1px solid #493252;padding:10px 0;margin:0}.data output{display:block;font-weight:400;color:#e2ccf2;margin-top:5px;overflow-wrap:anywhere}#status{color:#e8cefa}footer{text-align:center;margin-top:25px}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lang-switch{display:flex;align-items:center;gap:4px;border:1px solid #68447c;background:#180f26;padding:4px;border-radius:12px}
.lang-btn{background:transparent;border:1px solid transparent;border-radius:8px;color:#c8b4d9;padding:8px 9px;font-size:11px;line-height:1.2;min-height:36px;white-space:nowrap}
.lang-btn.active{background:#684093;border-color:#b784e2;color:#fff}
.lang-btn:focus-visible{outline:2px solid #e6bfff;outline-offset:2px}
@media(max-width:410px){.lang-switch{width:100%;justify-content:space-between}.lang-btn{flex:1}}