:root{--bg:#12130f;--panel:#191b15;--line:#2c2f24;--text:#e7e6dd;--dim:#8a8d7c;--accent:#c9f31d;--accent-dim:#8ea312;--mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{height:100%}body{background-color:var(--bg);background-image:radial-gradient(circle at 15% 0%, #c9f31d14, transparent 45%), radial-gradient(circle at 100% 100%, #c9f31d0a, transparent 55%), linear-gradient(var(--bg), var(--bg));min-height:100vh;color:var(--text);font-family:var(--mono);background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:32px 20px 60px}.wrap{max-width:760px;margin:0 auto}header{margin-bottom:28px;position:relative}.lang-switch{align-items:center;gap:8px;display:flex;position:absolute;top:0;right:0}.lang-switch label{white-space:nowrap;margin:0}.lang-switch select{border:1px solid var(--line);color:var(--text);font-family:var(--mono);cursor:pointer;background:#0e0f0b;border-radius:6px;outline:none;padding:6px 8px;font-size:12px}.lang-switch select:focus{border-color:var(--accent-dim)}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:12px}h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:600}.sub{color:var(--dim);margin-top:8px;font-size:13px;line-height:1.5}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:20px;padding:20px}.row{gap:10px;margin-bottom:14px;display:flex}label{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;display:block}input[type=text]{border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--mono);background:#0e0f0b;border-radius:6px;outline:none;padding:9px 10px;font-size:14px}input[type=text]:focus{border-color:var(--accent-dim)}.keyfield{flex:none;width:110px}#lines{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.line-item{align-items:center;gap:8px;display:flex}.line-num{width:22px;color:var(--dim);text-align:right;flex:none;font-size:12px}.rm{border:1px solid var(--line);width:30px;height:30px;color:var(--dim);cursor:pointer;background:0 0;border-radius:6px;flex:none;font-size:15px;line-height:1}.rm:hover{color:#e08a8a;border-color:#8a3a3a}.actions{flex-wrap:wrap;gap:10px;display:flex}button{font-family:var(--mono);border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0e0f0b;border-radius:6px;padding:9px 14px;font-size:13px}button:hover{border-color:var(--dim)}.primary{background:var(--accent);color:#141508;border-color:var(--accent);font-weight:600}.primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.out-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.out-head h2{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:12px;font-weight:600}pre{border:1px solid var(--line);white-space:pre;color:#d7d6c9;background:#0e0f0b;border-radius:8px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}pre .kw{color:var(--accent)}.copy-btn{padding:6px 10px;font-size:12px}.copy-btn.copied{color:var(--accent);border-color:var(--accent-dim)}.hint{color:var(--dim);margin-top:10px;font-size:12px;line-height:1.6}code{border:1px solid var(--line);background:#0e0f0b;border-radius:4px;padding:1px 5px}