:root{--bg: #0a0b0e;--panel-bg: rgba(20, 22, 28, .92);--panel-solid: #14161c;--input-bg: rgba(0, 0, 0, .35);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--hover: rgba(255, 255, 255, .06);--row-hover: rgba(255, 255, 255, .03);--text: #e6e8ec;--text-dim: #9aa0ab;--accent: #4a9eff;--accent-soft: rgba(74, 158, 255, .18);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .16);--radius: 8px;--mono: ui-monospace, "SFMono-Regular", "Consolas", monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:baseline;gap:10px;padding:12px 16px;background:var(--panel-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:14px;font-weight:600}.topbar .subtitle{margin:0;color:var(--text-dim);font-size:12px}.main{max-width:1180px;margin:0 auto;padding:16px}.landing{display:grid;gap:12px;max-width:620px;margin:0 auto}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #0006;padding:16px}.panel h2{margin:0 0 12px;font-size:13px;font-weight:600}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field label{display:block;color:var(--text-dim);margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea,.input,.select{width:100%;padding:7px 9px;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit}.field textarea,.input[rows]{resize:vertical}.field select,.select{background-color:var(--panel-solid)}.field select option,.select option{background:var(--panel-solid);color:var(--text)}input:focus,select:focus,textarea:focus,.cell-input:focus{outline:none;border-color:var(--accent)}.dropzone{display:grid;place-items:center;padding:28px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--input-bg);color:var(--text-dim);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.dropzone:hover,.dropzone--active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.hints{display:grid;gap:5px;margin-top:12px}.hints__label,.howto__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.hints code{font-family:var(--mono);font-size:12px;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--text-dim);word-break:break-all}.hints__note{margin:6px 0 0;font-size:12px;color:var(--text-dim)}.howto{margin:0;color:var(--text-dim);font-size:13px;line-height:1.65}.editor{display:grid;gap:12px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.toolbar__info{display:flex;align-items:center;gap:10px;min-width:0}.chip{background:var(--accent-soft);color:var(--accent);font-size:11px;padding:3px 8px;border-radius:6px;white-space:nowrap}.filename{font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-dim);font-size:12px;white-space:nowrap}.toolbar__actions{display:flex;gap:6px}.btn{border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:7px 12px;border-radius:6px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--border-strong);background:var(--hover)}.btn--primary{border-color:transparent;background:var(--accent-soft);color:var(--accent)}.btn--primary:hover{background:#4a9eff47;border-color:transparent}.btn--ghost{background:transparent}.icon-btn{border:1px solid transparent;background:transparent;color:var(--text-dim);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1}.icon-btn:hover{color:var(--text);background:var(--hover)}.icon-btn--danger:hover{color:var(--danger);background:var(--danger-soft)}.search{display:flex;align-items:center;gap:10px}.search__input{flex:1;padding:7px 10px;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit}.search__count{color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.table-host{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel-solid)}.grid{width:100%;border-collapse:collapse}.grid th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);padding:9px 12px;border-bottom:1px solid var(--border);background:var(--panel-solid);position:sticky;top:0;z-index:1}.grid td{padding:6px 12px;border-bottom:1px solid var(--border);vertical-align:top}.grid tbody tr:hover{background:var(--row-hover)}.grid tr:last-child td{border-bottom:none}.col-key{width:300px;max-width:300px}.col-flags{width:100px;font-family:var(--mono);font-size:12px;color:var(--text-dim)}.col-actions{width:44px;text-align:right}.key-name{word-break:break-all}.key-id{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.cell-input{width:100%;min-height:2.1em;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font:inherit;line-height:1.4;padding:5px 7px;resize:none;overflow:hidden}.cell-input:hover{background:var(--input-bg)}.cell-input:focus{background:var(--input-bg);border-color:var(--accent)}.empty{padding:20px;text-align:center;color:var(--text-dim)}.overlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:20px}.dialog{width:100%;max-width:420px;background:var(--panel-solid);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000080;padding:18px}.dialog h3{margin:0 0 14px;font-size:13px;font-weight:600}.dialog__buttons{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.loader{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#0a0b0e99;backdrop-filter:blur(3px)}.loader__box{display:grid;justify-items:center;gap:14px;padding:26px 34px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000080}.loader__spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:loader-spin .7s linear infinite}.loader__text{color:var(--text-dim);font-size:12px}@keyframes loader-spin{to{transform:rotate(360deg)}}.toasts{position:fixed;top:12px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:6px;z-index:60}.toast{min-width:200px;max-width:340px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);backdrop-filter:blur(8px);color:var(--text-dim);font-size:12px;transition:opacity .3s,transform .3s}.toast--success{border-left:2px solid var(--accent)}.toast--error{border-left:2px solid var(--danger)}.toast--info{border-left:2px solid var(--border-strong)}.toast--out{opacity:0;transform:translateY(-10px)}@media (max-width: 640px){.col-key{width:150px;max-width:150px}}