#typesEditor{ color-scheme:dark; --bg:#050505; --bg2:#0a0a0d; --glass:rgba(10,10,12,.58); --glass2:rgba(26,26,30,.50); --glass3:rgba(42,42,48,.42); --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.14); --red:#ff2530; --red2:#9b0710; --redGlow:rgba(255,37,48,.28); --text:#f0f0f2; --muted:#a8a8af; --dim:#707078; --warn:#d9a72a; --good:#e71926; --bad:#ff535b; --blue:#b8b8c0; --shadow:0 24px 80px rgba(0,0,0,.55); --radius:14px; --mono:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; --font:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; } #typesEditor *{box-sizing:border-box} #typesEditor,#typesEditor{height:100%;margin:0;overflow:hidden;background: radial-gradient(circle at 12% -10%,rgba(255,37,48,.18),transparent 30rem), radial-gradient(circle at 88% 0,rgba(255,255,255,.045),transparent 26rem), linear-gradient(135deg,#020203,#0b0b0e 52%,#050506); color:var(--text);font-family:var(--font);font-size:14px} #typesEditor::before{ content:"";position:fixed;inset:0;pointer-events:none;opacity:.42; background: linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px), linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px), linear-gradient(135deg,rgba(255,37,48,.055),transparent 28%,rgba(255,37,48,.025)); background-size:44px 44px,44px 44px,100% 100%; } #typesEditor button,#typesEditor input,#typesEditor select,#typesEditor textarea{font:inherit;color:var(--text)} #typesEditor button{border:1px solid var(--line2);background:rgba(4,5,7,.62);color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.05)} #typesEditor button:hover{border-color:rgba(255,255,255,.28);background:rgba(22,24,31,.85)} #typesEditor button.primary{background:linear-gradient(180deg,#ff343d,#bd0711);border-color:#ff5960;color:white;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 10px 24px rgba(255,45,53,.16)} #typesEditor button.redline{background:rgba(255,45,53,.08);border-color:rgba(255,45,53,.45)} #typesEditor button.gold{background:rgba(231,25,38,.10);border-color:rgba(231,25,38,.48);color:#ffd6d9} #typesEditor button.good{background:rgba(231,25,38,.10);border-color:rgba(231,25,38,.42);color:#ffe3e5} #typesEditor button.ghost{background:transparent} #typesEditor button.small{font-size:12px;padding:5px 8px;border-radius:8px} #typesEditor button:disabled{opacity:.45;cursor:not-allowed} #typesEditor input,#typesEditor select,#typesEditor textarea{background:rgba(17,18,23,.72);border:1px solid var(--line);border-radius:10px;padding:8px 10px;outline:none;box-shadow:inset 0 1px rgba(255,255,255,.03)} #typesEditor input:focus,#typesEditor select:focus,#typesEditor textarea:focus{border-color:rgba(255,45,53,.72);box-shadow:0 0 0 3px rgba(255,45,53,.12)} #typesEditor input[type="checkbox"]{width:16px;height:16px;padding:0;accent-color:var(--red)} #typesEditor select{appearance:auto} #typesEditor .app{height:100%;display:flex;flex-direction:column;position:relative;z-index:1} #typesEditor .topbar{height:50px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid rgba(255,45,53,.35);background:rgba(12,13,17,.94)} #typesEditor .brand{display:flex;align-items:center;gap:9px;font-weight:950;letter-spacing:.02em;color:#fff} #typesEditor .brand .mark{width:12px;height:22px;border:2px solid var(--red);border-radius:3px;box-shadow:0 0 16px var(--redGlow)} #typesEditor .file-chip{font-family:var(--mono);font-size:12px;color:#e0e3ee;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:5px 9px} #typesEditor .spacer{flex:1} #typesEditor .search{width:min(420px,34vw)} #typesEditor .mainrow{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr);position:relative} #typesEditor .toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:rgba(15,16,21,.94);border-bottom:1px solid var(--line)} #typesEditor .toolbar-group{display:flex;align-items:center;gap:7px;border-right:1px solid var(--line);padding-right:10px;margin-right:2px;flex-wrap:wrap} #typesEditor .toolbar-group:last-child{border-right:0} #typesEditor .statstrip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;background:rgba(10,11,15,.94);border-bottom:1px solid var(--line)} #typesEditor .stat{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:12px} #typesEditor .stat b{font-family:var(--mono)} #typesEditor .stat.warn{border-color:rgba(255,205,60,.4);color:#ffe188} #typesEditor .stat.bad{border-color:rgba(255,98,104,.55);color:#ffb1b5} #typesEditor .bulk{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 14px;background:rgba(18,19,25,.94);border-bottom:1px solid var(--line)} #typesEditor .bulk label{font-size:12px;color:#cbd0df;font-weight:900;text-transform:uppercase;letter-spacing:.03em} #typesEditor .bulk input.short{width:110px} #typesEditor .bulk select{min-width:125px} #typesEditor .tablewrap{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;background:rgba(0,0,0,.31);border-top:1px solid rgba(255,37,48,.18)} #typesEditor table{border-collapse:separate;border-spacing:0;width:100%;min-width:0;table-layout:fixed} #typesEditor thead th{position:sticky;top:0;z-index:7;background:#0f0f13;border-bottom:1px solid rgba(255,37,48,.46);color:#e1e2e8;text-align:left;font-size:10px;letter-spacing:.03em;text-transform:uppercase;padding:7px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #typesEditor thead th:hover{color:white} #typesEditor thead th .hint{color:#ff7b80;margin-left:4px} #typesEditor tbody td{height:30px;border-bottom:1px solid rgba(255,255,255,.055);padding:2px 4px;white-space:nowrap;background:rgba(8,9,12,.50);overflow:hidden;font-size:11px} #typesEditor tbody tr:nth-child(even) td{background:rgba(20,21,26,.42)} #typesEditor tbody tr:hover td{background:rgba(55,31,35,.56)} #typesEditor tbody tr.changed td:first-child{box-shadow:inset 4px 0 0 #ffb935} #typesEditor tbody tr.added td:first-child{box-shadow:inset 4px 0 0 var(--good)} #typesEditor tbody tr.warning td:first-child{box-shadow:inset 4px 0 0 var(--warn)} #typesEditor tbody tr.selected td{background:rgba(255,45,53,.11)} #typesEditor .name-cell{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;overflow:hidden;position:relative} #typesEditor .source-dot{width:8px;height:8px;border-radius:50%;background:#777;box-shadow:0 0 0 1px rgba(255,255,255,.10)} #typesEditor .source-dot.vanilla{background:#9a9a9f}#typesEditor .source-dot.uploaded{background:#d4d4da}#typesEditor .source-dot.added{background:var(--red);box-shadow:0 0 12px var(--redGlow)} #typesEditor .name-text{font-weight:900;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} #typesEditor .meta-note{display:block;font-size:11px;color:var(--dim);max-width:210px;overflow:hidden;text-overflow:ellipsis} #typesEditor .num-input{width:100%;min-width:0;background:rgba(0,0,0,.20);border:1px solid transparent;border-radius:8px;padding:5px 6px;text-align:right;font-family:var(--mono)} #typesEditor .num-input:hover,#typesEditor .num-input:focus{background:rgba(28,30,38,.9);border-color:rgba(255,255,255,.22)} #typesEditor .cat-input{width:100%;min-width:0;background:rgba(0,0,0,.20);border-color:rgba(255,255,255,.08);border-radius:8px;padding:5px 7px} #typesEditor .flag-cell{text-align:center;min-width:55px} #typesEditor .flags-box{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;flex-wrap:wrap;overflow:hidden} #typesEditor .flag-toggle{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:7px;padding:2px 4px;font-size:10px;color:#d7d7dc;line-height:1;cursor:pointer;white-space:nowrap} #typesEditor .flag-toggle:hover{border-color:rgba(231,25,38,.48);color:#fff;background:rgba(231,25,38,.08)} #typesEditor .flag-toggle input{width:12px;height:12px;margin:0} #typesEditor .app.bulk-off .bulk{display:none} #typesEditor .chips{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow:hidden} #typesEditor .chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);font-size:11px;line-height:1;max-width:92px;overflow:hidden;text-overflow:ellipsis} #typesEditor .chip b{color:#ff7277} #typesEditor .chip button{border:0;background:transparent;padding:0;color:#dce1ed;line-height:1;box-shadow:none} #typesEditor .add-chip{width:23px;height:23px;padding:0;border-style:dashed;color:#ffc1c4;background:rgba(255,45,53,.07)} #typesEditor .dropcover{position:fixed;inset:0;display:none;z-index:40;align-items:center;justify-content:center;background:rgba(0,0,0,.82)} #typesEditor .dropcover.show{display:flex} #typesEditor .dropbox{width:min(720px,92vw);border:2px dashed rgba(255,45,53,.75);border-radius:22px;background:rgba(12,13,18,.88);box-shadow:var(--shadow);padding:34px;text-align:center} #typesEditor .dropbox h2{margin:0 0 8px} #typesEditor .dropdown{position:fixed;z-index:70;display:none;background:#111218;border:1px solid rgba(255,255,255,.16);border-top:2px solid var(--red);border-radius:14px;box-shadow:var(--shadow);overflow:hidden} #typesEditor .dropdown.show{display:block} #typesEditor .filter-panel{width:min(380px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 90px));display:flex;flex-direction:column} #typesEditor .dropdown-head{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line)} #typesEditor .dropdown-head input{flex:1} #typesEditor .dropdown-body{min-height:0;overflow:auto;padding:10px;display:grid;grid-template-columns:1fr;gap:10px} #typesEditor .filter-section{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);padding:9px} #typesEditor .filter-section h3{margin:0 0 7px;font-size:12px;color:#c9cedf;text-transform:uppercase;letter-spacing:.04em} #typesEditor .check-row{display:flex;align-items:center;gap:7px;padding:3px 0;color:#e7eaf3;font-size:13px} #typesEditor .check-row small{margin-left:auto;color:var(--dim);font-family:var(--mono)} #typesEditor .dropdown-foot{display:flex;gap:8px;justify-content:flex-end;padding:10px;border-top:1px solid var(--line)} #typesEditor .menu{position:fixed;z-index:90;width:270px;max-height:360px;display:none;background:rgba(22,23,30,.98);border:1px solid rgba(255,255,255,.18);border-top:2px solid var(--red);border-radius:12px;box-shadow:var(--shadow);overflow:hidden} #typesEditor .menu.show{display:block} #typesEditor .menu-head{padding:8px;border-bottom:1px solid var(--line)}#typesEditor .menu-head input{width:100%} #typesEditor .menu-list{max-height:240px;overflow:auto;padding:6px}#typesEditor .menu-option{padding:7px 8px;border-radius:8px;cursor:pointer}#typesEditor .menu-option:hover{background:rgba(255,45,53,.14)} #typesEditor .menu-custom{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}#typesEditor .menu-custom input{min-width:0;flex:1} #typesEditor .modal-backdrop{position:absolute;inset:0;display:none;z-index:80;align-items:center;justify-content:center;background:rgba(0,0,0,.86);padding:12px} #typesEditor .modal-backdrop.show{display:flex} #typesEditor .modal{position:relative!important;inset:auto!important;width:min(1220px,calc(100% - 24px));max-height:calc(100% - 24px);margin:0!important;display:flex;flex-direction:column;transform:none!important;background:rgba(16,17,22,.96);border:1px solid rgba(255,255,255,.16);border-top:2px solid var(--red);border-radius:18px;box-shadow:var(--shadow);overflow:hidden} #typesEditor .modal-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)} #typesEditor .modal-head h2{font-size:18px;margin:0;flex:1} #typesEditor .modal-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)} #typesEditor .modal-body{min-height:0;overflow:auto} #typesEditor .add-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1040px} #typesEditor .add-table th{position:sticky;top:0;background:rgba(28,30,38,.96);z-index:3;border-bottom:1px solid rgba(255,45,53,.28);padding:8px;text-align:left;font-size:12px;text-transform:uppercase;color:#d6dbea} #typesEditor .add-table td{border-bottom:1px solid rgba(255,255,255,.07);padding:7px 8px;background:rgba(5,6,8,.44)} #typesEditor .add-table tr:hover td{background:rgba(255,45,53,.08)} #typesEditor .add-table .desc{max-width:320px;color:#b5bbc9;overflow:hidden;text-overflow:ellipsis} #typesEditor .toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:120;display:none;max-width:calc(100vw - 36px);background:rgba(18,19,24,.96);border:1px solid rgba(255,255,255,.18);border-left:4px solid var(--red);box-shadow:var(--shadow);border-radius:12px;padding:10px 14px} #typesEditor .toast.show{display:block} #typesEditor .lag-warning{display:none;margin-left:8px;color:#ffd86a;font-weight:900} #typesEditor .lag-warning.show{display:inline} #typesEditor #grid th:nth-child(1),#typesEditor #grid td:nth-child(1){width:34px;text-align:center} #typesEditor #grid th:nth-child(2),#typesEditor #grid td:nth-child(2){width:180px} #typesEditor #grid th:nth-child(3),#typesEditor #grid td:nth-child(3),#typesEditor #grid th:nth-child(4),#typesEditor #grid td:nth-child(4),#typesEditor #grid th:nth-child(8),#typesEditor #grid td:nth-child(8){width:72px} #typesEditor #grid th:nth-child(5),#typesEditor #grid td:nth-child(5),#typesEditor #grid th:nth-child(6),#typesEditor #grid td:nth-child(6),#typesEditor #grid th:nth-child(7),#typesEditor #grid td:nth-child(7){width:80px} #typesEditor #grid th:nth-child(9),#typesEditor #grid td:nth-child(9){width:58px} #typesEditor #grid th:nth-child(10),#typesEditor #grid td:nth-child(10){width:112px} #typesEditor #grid th:nth-child(11),#typesEditor #grid td:nth-child(11){width:220px} #typesEditor #grid th:nth-child(12),#typesEditor #grid td:nth-child(12){width:110px} #typesEditor #grid th:nth-child(13),#typesEditor #grid td:nth-child(13){width:145px} #typesEditor #grid th:nth-child(14),#typesEditor #grid td:nth-child(14){width:145px} #typesEditor .name-tooltip{position:fixed;display:none;z-index:120;max-width:420px;padding:10px 12px;border:1px solid rgba(255,37,48,.45);border-top:2px solid var(--red);border-radius:12px;background:rgba(12,12,15,.96);box-shadow:var(--shadow);white-space:pre-line;color:#f4f4f6;font-size:12px;line-height:1.35;pointer-events:none} #typesEditor .filter-backdrop{position:fixed;inset:0;z-index:65;display:none;background:transparent} #typesEditor .filter-backdrop.show{display:block} @media (max-width:900px){ #typesEditor .search{width:180px} #typesEditor .toolbar-group{border-right:0} } /* killfeed.co/tools/types-editor compact pass */ #typesEditor{overflow:hidden;background: radial-gradient(circle at 8% -12%,rgba(255,37,48,.13),transparent 28rem), linear-gradient(135deg,#030304,#08090b 58%,#040405);} #typesEditor .topbar,#typesEditor .toolbar,#typesEditor .statstrip,#typesEditor .quickbar,#typesEditor .bulk{background:rgba(9,10,13,.66);border-color:rgba(255,37,48,.28)} #typesEditor .tablewrap{overflow-y:auto;overflow-x:clip;max-width:100%} #typesEditor #grid{width:100%;max-width:100%;min-width:0;table-layout:fixed} #typesEditor #grid th,#typesEditor #grid td{min-width:0;overflow:hidden;text-overflow:ellipsis} #typesEditor #grid th:nth-child(1),#typesEditor #grid td:nth-child(1){width:2.2%} #typesEditor #grid th:nth-child(2),#typesEditor #grid td:nth-child(2){width:8.0%} #typesEditor #grid th:nth-child(3),#typesEditor #grid td:nth-child(3){width:5.2%} #typesEditor #grid th:nth-child(4),#typesEditor #grid td:nth-child(4){width:4.8%} #typesEditor #grid th:nth-child(5),#typesEditor #grid td:nth-child(5){width:5.8%} #typesEditor #grid th:nth-child(6),#typesEditor #grid td:nth-child(6){width:5.2%} #typesEditor #grid th:nth-child(7),#typesEditor #grid td:nth-child(7){width:5.4%} #typesEditor #grid th:nth-child(8),#typesEditor #grid td:nth-child(8){width:5.4%} #typesEditor #grid th:nth-child(9),#typesEditor #grid td:nth-child(9){width:4.5%} #typesEditor #grid th:nth-child(10),#typesEditor #grid td:nth-child(10){width:7.4%} #typesEditor #grid th:nth-child(11),#typesEditor #grid td:nth-child(11){width:17.0%} #typesEditor #grid th:nth-child(12),#typesEditor #grid td:nth-child(12){width:8.0%} #typesEditor #grid th:nth-child(13),#typesEditor #grid td:nth-child(13){width:10.6%} #typesEditor #grid th:nth-child(14),#typesEditor #grid td:nth-child(14){width:10.5%} #typesEditor .name-text{font-size:12px;line-height:1.1} #typesEditor .flags-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:3px;align-content:center} #typesEditor .flag-toggle{font-size:9px;padding:2px 3px;max-width:none;overflow:hidden;text-overflow:ellipsis;justify-content:flex-start} #typesEditor .flag-toggle input{width:11px;height:11px;flex:0 0 auto} #typesEditor .chip{max-width:78px;font-size:10px;padding:3px 5px} #typesEditor .cat-input,#typesEditor .num-input{font-size:12px;padding:4px 5px} #typesEditor .statstrip{padding:7px 14px}#typesEditor .stat span{text-transform:uppercase;font-weight:900;letter-spacing:.035em;color:#f2f2f5}#typesEditor .stat b{font-size:13px;color:#fff} #typesEditor .filter-backdrop{pointer-events:auto} #typesEditor .filter-panel{right:8px;max-width:380px} #typesEditor .group-imports{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)} #typesEditor .group-imports button{font-size:12px;padding:6px 8px;border-color:rgba(255,37,48,.35);background:rgba(255,37,48,.07);color:#ffe7e9} #typesEditor .add-table{min-width:0;table-layout:fixed}#typesEditor .add-table th,#typesEditor .add-table td{overflow:hidden;text-overflow:ellipsis}#typesEditor .add-table th:nth-child(1),#typesEditor .add-table td:nth-child(1){width:38px}#typesEditor .add-table th:nth-child(2),#typesEditor .add-table td:nth-child(2){width:16%}#typesEditor .add-table th:nth-child(3),#typesEditor .add-table td:nth-child(3){width:16%}#typesEditor .add-table th:nth-child(4),#typesEditor .add-table td:nth-child(4){width:12%}#typesEditor .add-table th:nth-child(5),#typesEditor .add-table td:nth-child(5){width:12%}#typesEditor .add-table th:nth-child(6),#typesEditor .add-table td:nth-child(6){width:15%}#typesEditor .add-table th:nth-child(7),#typesEditor .add-table td:nth-child(7){width:auto} #typesEditor .quickbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--line)} #typesEditor .quickbar label{font-size:12px;color:#cbd0df;font-weight:900;text-transform:uppercase;letter-spacing:.03em} #typesEditor .quickbar input.short{width:86px} #typesEditor .preset-tools{display:none!important} #typesEditor .name-tooltip .tip-name{color:#fff;font-weight:950;margin-bottom:5px} #typesEditor .name-tooltip .tip-meta{color:#ffc1c4;font-weight:800;margin-top:6px} #typesEditor .name-tooltip .tip-desc{color:#e4e6ef} #typesEditor .import-title{width:100%;font-size:12px;color:#d6d9e6;font-weight:950;text-transform:uppercase;letter-spacing:.04em;margin-top:4px} #typesEditor .group-imports button.import-all{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.06);color:#fff} /* latest clean-up pass */ #typesEditor .filter-panel{display:none!important;flex-direction:column!important} #typesEditor .filter-panel.show{display:flex!important} #typesEditor #grid th:nth-child(1),#typesEditor #grid td:nth-child(1){width:2%} #typesEditor #grid th:nth-child(2),#typesEditor #grid td:nth-child(2){width:16%} #typesEditor #grid th:nth-child(3),#typesEditor #grid td:nth-child(3){width:5%} #typesEditor #grid th:nth-child(4),#typesEditor #grid td:nth-child(4){width:4.4%} #typesEditor #grid th:nth-child(5),#typesEditor #grid td:nth-child(5){width:5.8%} #typesEditor #grid th:nth-child(6),#typesEditor #grid td:nth-child(6){width:5%} #typesEditor #grid th:nth-child(7),#typesEditor #grid td:nth-child(7){width:4.8%} #typesEditor #grid th:nth-child(8),#typesEditor #grid td:nth-child(8){width:4.8%} #typesEditor #grid th:nth-child(9),#typesEditor #grid td:nth-child(9){width:3.4%} #typesEditor #grid th:nth-child(10),#typesEditor #grid td:nth-child(10){width:5.6%} #typesEditor #grid th:nth-child(11),#typesEditor #grid td:nth-child(11){width:14.6%} #typesEditor #grid th:nth-child(12),#typesEditor #grid td:nth-child(12){width:7%} #typesEditor #grid th:nth-child(13),#typesEditor #grid td:nth-child(13){width:11%} #typesEditor #grid th:nth-child(14),#typesEditor #grid td:nth-child(14){width:10.6%} #typesEditor #grid td.name-td{overflow:visible!important;white-space:normal!important} #typesEditor #grid td.name-td .name-cell{overflow:visible!important;max-width:none!important;align-items:flex-start;padding-top:2px;padding-bottom:2px} #typesEditor #grid td.name-td .name-text{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;overflow-wrap:anywhere;line-height:1.18;font-size:12px} #typesEditor #grid tbody td{vertical-align:middle} #typesEditor #grid tbody td.name-td{vertical-align:top} #typesEditor .num-input{font-size:12px;padding:4px 4px} #typesEditor .cat-input{font-size:12px;padding:4px 5px} #typesEditor .modal-controls{display:none!important} #typesEditor .group-imports{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px 14px!important;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)} #typesEditor .group-imports button{font-size:12px;padding:7px 10px;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.045)!important;color:#f2f2f5!important;border-radius:9px;text-align:left} #typesEditor .group-imports button:hover{border-color:rgba(255,37,48,.42)!important;background:rgba(255,37,48,.08)!important} #typesEditor .import-panel{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center;max-width:780px} #typesEditor .import-panel label{font-size:12px;color:#cfd2dc;font-weight:900;text-transform:uppercase;letter-spacing:.04em} #typesEditor .import-panel select{width:100%;min-width:0} #typesEditor .import-all-row{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center;max-width:780px} #typesEditor .import-note{color:var(--muted);font-size:12px;line-height:1.35;max-width:780px} #typesEditor .import-count{font-family:var(--mono);color:#fff;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:3px 7px} #typesEditor .add-table{min-width:0!important;table-layout:fixed} #typesEditor .add-table th:nth-child(2),#typesEditor .add-table td:nth-child(2){width:22%}#typesEditor .add-table th:nth-child(3),#typesEditor .add-table td:nth-child(3){width:18%}#typesEditor .add-table th:nth-child(4),#typesEditor .add-table td:nth-child(4){width:12%}#typesEditor .add-table th:nth-child(5),#typesEditor .add-table td:nth-child(5){width:12%}#typesEditor .add-table th:nth-child(6),#typesEditor .add-table td:nth-child(6){width:17%} /* final layout hotfix */ #typesEditor .topbar{min-height:50px;height:auto;align-items:center;flex-wrap:nowrap} #typesEditor .file-chip#fileName{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #typesEditor .top-stats{display:flex;align-items:center;gap:8px;margin-left:6px;flex:0 0 auto} #typesEditor .statstrip[aria-hidden="true"]{display:none!important} #typesEditor .stat{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1;white-space:nowrap} #typesEditor .stat span{text-transform:uppercase;font-weight:900;letter-spacing:.035em;color:#f2f2f5}#typesEditor .stat b{font-family:var(--mono);font-size:13px;color:#fff}#typesEditor .stat.bad{border-color:rgba(255,98,104,.55);color:#ffb1b5} #typesEditor .hidden-control{display:none!important}#typesEditor .mini-label{font-size:12px;color:#cbd0df;font-weight:900;text-transform:uppercase;letter-spacing:.03em} #typesEditor .quickbar{gap:7px}#typesEditor .quickbar input.short{width:76px;max-width:76px} #typesEditor #grid th:nth-child(1),#typesEditor #grid td:nth-child(1){width:2.2%} #typesEditor #grid th:nth-child(2),#typesEditor #grid td:nth-child(2){width:18.5%} #typesEditor #grid th:nth-child(3),#typesEditor #grid td:nth-child(3){width:4.5%} #typesEditor #grid th:nth-child(4),#typesEditor #grid td:nth-child(4){width:3.8%} #typesEditor #grid th:nth-child(5),#typesEditor #grid td:nth-child(5){width:5.4%} #typesEditor #grid th:nth-child(6),#typesEditor #grid td:nth-child(6){width:4.2%} #typesEditor #grid th:nth-child(7),#typesEditor #grid td:nth-child(7){width:4.1%} #typesEditor #grid th:nth-child(8),#typesEditor #grid td:nth-child(8){width:4.1%} #typesEditor #grid th:nth-child(9),#typesEditor #grid td:nth-child(9){width:3.2%} #typesEditor #grid th:nth-child(10),#typesEditor #grid td:nth-child(10){width:5.1%} #typesEditor #grid th:nth-child(11),#typesEditor #grid td:nth-child(11){width:14.0%} #typesEditor #grid th:nth-child(12),#typesEditor #grid td:nth-child(12){width:6.5%} #typesEditor #grid th:nth-child(13),#typesEditor #grid td:nth-child(13){width:9.8%} #typesEditor #grid th:nth-child(14),#typesEditor #grid td:nth-child(14){width:9.1%} #typesEditor #grid td.name-td,#typesEditor #grid td.name-td .name-cell,#typesEditor #grid td.name-td .name-text{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal;overflow-wrap:anywhere} #typesEditor #grid td.name-td .name-text{font-size:12px;line-height:1.18} #typesEditor .cat-input,#typesEditor .num-input{padding:4px 4px}#typesEditor .flag-toggle{font-size:9px;padding:2px 3px}#typesEditor .flags-box{grid-template-columns:repeat(3,minmax(0,1fr))!important} #typesEditor #filtersDropdown{display:none}#typesEditor .filter-backdrop{display:none!important}#typesEditor .filter-backdrop.show{display:block!important}#typesEditor .filter-panel.show{display:flex!important}#typesEditor .filter-panel:not(.show){display:none!important} #typesEditor .group-imports{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}#typesEditor .import-note{display:none!important}#typesEditor .import-panel{display:grid;grid-template-columns:110px minmax(180px,1fr) auto;gap:8px;align-items:center;max-width:780px}#typesEditor .import-panel label{font-size:12px;text-transform:uppercase;font-weight:900;color:#cbd0df}#typesEditor .import-panel select{min-width:0}#typesEditor .group-imports button{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.045)!important;color:#f2f2f5!important} /* FINAL REQUESTED LAYOUT — compact killfeed.co/tools/types-editor header */ #typesEditor .hidden-legacy{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important} #typesEditor .app{height:100%;display:flex;flex-direction:column;min-width:0;background:rgba(0,0,0,.18)} #typesEditor .topbar{height:46px!important;min-height:46px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;padding:6px 10px!important;border-bottom:1px solid rgba(255,37,48,.42)!important;background:#050608!important} #typesEditor .editor-heading{display:flex;align-items:center;flex:0 0 290px;min-width:0;overflow:hidden}#typesEditor .editor-heading h1{margin:0;color:#fff;font-size:13px!important;line-height:1.05!important;font-weight:950;letter-spacing:0!important;white-space:nowrap}#typesEditor .editor-heading p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #typesEditor .file-chip#fileName{max-width:90px!important;min-width:76px!important;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px!important;background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.16)!important} #typesEditor #uploadBtn,#typesEditor #downloadBtn,#typesEditor #addAdditionalBtn,#typesEditor #addColoursBtn,#typesEditor #filtersBtn{flex:0 0 auto!important;min-height:0!important;padding:6px 8px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important} #typesEditor #statsStrip{display:flex!important;align-items:center!important;gap:8px!important;margin-left:8px!important;flex:0 0 auto!important} #typesEditor .stat{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;line-height:1!important;white-space:nowrap!important;text-transform:none!important} #typesEditor .stat span{font-size:10px!important;font-weight:950!important;letter-spacing:.035em!important;text-transform:uppercase!important;color:#f5f5f7!important}#typesEditor .stat b{font-family:var(--mono)!important;font-size:11px!important;color:#fff!important}#typesEditor .stat.bad{border-color:rgba(255,70,78,.7)!important;box-shadow:0 0 0 1px rgba(255,37,48,.16) inset!important} #typesEditor .spacer{flex:1 1 auto!important;min-width:24px!important}#typesEditor .search,#typesEditor #nameSearch{display:none!important} #typesEditor .toolbar{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:nowrap!important;padding:5px 10px!important;border-bottom:1px solid rgba(255,37,48,.35)!important;background:rgba(7,8,10,.72)!important;overflow:hidden!important} #typesEditor .toolbar-group{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;border-right:1px solid rgba(255,37,48,.24)!important;margin:0!important;padding:0 10px 0 0!important}#typesEditor .toolbar-group:last-child{border-right:0!important} #typesEditor .sync-tools{flex:1 1 auto!important;min-width:0!important}#typesEditor .sync-tools label:first-child{font-size:12px!important;text-transform:uppercase!important;font-weight:950!important;color:#cfd2dd!important;letter-spacing:.04em!important}#typesEditor .mini-label{font-size:12px!important;text-transform:uppercase!important;font-weight:900!important;color:#cfd2dd!important;white-space:nowrap!important}#typesEditor .quickbar,#typesEditor .statstrip,#typesEditor .preset-tools{display:none!important} #typesEditor button.small{padding:5px 8px!important;font-size:11px!important;line-height:1!important;border-radius:7px!important}#typesEditor button.primary{background:#ee1d28!important;border-color:#ff4550!important;color:#fff!important}#typesEditor button.good,#typesEditor button.redline{background:rgba(255,37,48,.08)!important;border-color:rgba(255,37,48,.55)!important;color:#fff!important}#typesEditor button.ghost{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important} #typesEditor input.short{width:78px!important;max-width:78px!important;background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.13)!important;border-radius:8px!important;padding:7px 9px!important}#typesEditor .lag-warning{display:none!important;margin-left:6px;font-size:12px;color:#ffb8bd}#typesEditor .lag-warning.show{display:inline-flex!important} #typesEditor .bulk{display:flex!important;align-items:center!important;gap:6px!important;padding:5px 10px!important;border-bottom:1px solid rgba(255,37,48,.3)!important;background:rgba(8,9,12,.72)!important}#typesEditor .bulk-off .bulk{display:none!important} #typesEditor .tablewrap{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:rgba(0,0,0,.28)!important}#typesEditor #grid{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}#typesEditor #grid th,#typesEditor #grid td{overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}#typesEditor #grid th:nth-child(1),#typesEditor #grid td:nth-child(1){width:2.2%!important}#typesEditor #grid th:nth-child(2),#typesEditor #grid td:nth-child(2){width:16%!important}#typesEditor #grid th:nth-child(3),#typesEditor #grid td:nth-child(3){width:5.2%!important}#typesEditor #grid th:nth-child(4),#typesEditor #grid td:nth-child(4){width:4.6%!important}#typesEditor #grid th:nth-child(5),#typesEditor #grid td:nth-child(5){width:5.8%!important}#typesEditor #grid th:nth-child(6),#typesEditor #grid td:nth-child(6){width:5.2%!important}#typesEditor #grid th:nth-child(7),#typesEditor #grid td:nth-child(7){width:4.8%!important}#typesEditor #grid th:nth-child(8),#typesEditor #grid td:nth-child(8){width:4.8%!important}#typesEditor #grid th:nth-child(9),#typesEditor #grid td:nth-child(9){width:3.6%!important}#typesEditor #grid th:nth-child(10),#typesEditor #grid td:nth-child(10){width:5.4%!important}#typesEditor #grid th:nth-child(11),#typesEditor #grid td:nth-child(11){width:13.2%!important}#typesEditor #grid th:nth-child(12),#typesEditor #grid td:nth-child(12){width:8.2%!important}#typesEditor #grid th:nth-child(13),#typesEditor #grid td:nth-child(13){width:10.5%!important}#typesEditor #grid th:nth-child(14),#typesEditor #grid td:nth-child(14){width:10.5%!important}#typesEditor .name-cell{max-width:100%!important;min-width:0!important}#typesEditor .name-text{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.1!important;word-break:break-word!important;font-size:11px!important}#typesEditor .source-dot{flex:0 0 auto!important}#typesEditor .num-input,#typesEditor .cat-input{width:100%!important;font-size:11px!important;padding:3px!important}#typesEditor .flags-box{gap:2px!important}#typesEditor .flag-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px 4px!important}#typesEditor .flag-toggle{min-width:0!important;padding:1px 2px!important;font-size:8px!important;overflow:hidden!important}#typesEditor .flag-toggle input{width:9px!important;height:9px!important}#typesEditor .chips{gap:2px!important;flex-wrap:nowrap!important}#typesEditor .chip{height:20px!important;min-height:20px!important;max-width:64px!important;padding:2px 4px!important;font-size:9px!important}#typesEditor .add-chip{width:20px!important;height:20px!important;min-height:20px!important;font-size:10px!important}#typesEditor .filter-panel{display:none!important;position:fixed!important;right:8px!important;top:54px!important;width:min(360px,calc(100vw - 16px))!important;max-height:calc(100vh - 70px)!important;z-index:90!important;background:rgba(15,16,20,.96)!important;border:1px solid rgba(255,37,48,.45)!important;border-radius:14px!important;box-shadow:0 24px 90px rgba(0,0,0,.72)!important;overflow:hidden!important}#typesEditor .filter-panel.show{display:flex!important}#typesEditor .filter-panel:not(.show){display:none!important}#typesEditor .dropdown-body{grid-template-columns:1fr!important}#typesEditor .filter-backdrop{display:none!important;position:fixed!important;inset:0!important;z-index:80!important;background:transparent!important}#typesEditor .filter-backdrop.show{display:block!important}#typesEditor .modal-controls.import-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:10px 14px!important}#typesEditor .modal-controls.import-actions input,#typesEditor .modal-controls.import-actions select{display:none!important}#typesEditor .group-imports{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:10px 14px!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,37,48,.24)!important}#typesEditor .group-imports button{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.16)!important;color:#f5f5f7!important}#typesEditor .group-imports label{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#cfd2dd!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important}#typesEditor .group-imports select{max-width:260px!important;min-width:180px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.16)!important}#typesEditor .import-picker{position:relative!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important}#typesEditor .import-picker-label{font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.035em!important;color:#d9dce7!important;white-space:nowrap!important}#typesEditor .import-filter-button{min-width:190px!important;max-width:280px!important;text-align:left!important;padding:8px 32px 8px 11px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;position:relative!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#typesEditor .import-filter-button:after{content:""!important;position:absolute!important;right:11px!important;top:50%!important;width:7px!important;height:7px!important;border-right:2px solid #f5f5f7!important;border-bottom:2px solid #f5f5f7!important;transform:translateY(-65%) rotate(45deg)!important;opacity:.85!important}#typesEditor .import-picker.open .import-filter-button{border-color:rgba(255,37,48,.65)!important;box-shadow:0 0 0 1px rgba(255,37,48,.2) inset!important}#typesEditor .import-filter-menu{display:none!important;position:absolute!important;left:0!important;top:calc(100% + 6px)!important;width:min(320px,calc(100vw - 40px))!important;max-height:330px!important;overflow:auto!important;z-index:140!important;padding:6px!important;border-radius:12px!important;border:1px solid rgba(255,37,48,.45)!important;background:rgba(12,13,17,.98)!important;box-shadow:0 22px 70px rgba(0,0,0,.72)!important;backdrop-filter:blur(14px)!important}#typesEditor .import-picker.open .import-filter-menu{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}#typesEditor .import-filter-option{width:100%!important;text-align:left!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#d9deea!important;padding:8px 10px!important;font-size:12px!important;font-weight:800!important}#typesEditor .import-filter-option:hover,#typesEditor .import-filter-option.active{background:rgba(255,37,48,.16)!important;color:#fff!important}#typesEditor .add-table{width:100%!important;min-width:0!important;table-layout:fixed!important}#typesEditor .add-table th:nth-child(1),#typesEditor .add-table td:nth-child(1){width:34px!important}#typesEditor .add-table th:nth-child(2),#typesEditor .add-table td:nth-child(2){width:25%!important}#typesEditor .add-table th:nth-child(3),#typesEditor .add-table td:nth-child(3){width:18%!important}#typesEditor .add-table th:nth-child(4),#typesEditor .add-table td:nth-child(4){width:13%!important}#typesEditor .add-table th:nth-child(5),#typesEditor .add-table td:nth-child(5){width:13%!important}#typesEditor .add-table th:nth-child(6),#typesEditor .add-table td:nth-child(6){width:auto!important}#typesEditor .add-table td.desc{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25!important} @media (max-width:1100px){#typesEditor .topbar{gap:8px!important}#typesEditor .brand span:last-child{max-width:150px;overflow:hidden;text-overflow:ellipsis}#typesEditor .toolbar{overflow-x:auto!important}#typesEditor .sync-tools{flex:0 0 auto!important}} html:has(body.page-tool-types-editor), body.page-tool-types-editor { height: 100dvh !important; overflow: hidden !important; } body.page-tool-types-editor .site-shell { height: 100dvh; overflow: hidden; } body.page-tool-types-editor .site-frame, body.page-tool-types-editor .site-main { min-height: 0; overflow: hidden !important; } body.page-tool-types-editor .page-breadcrumbs { margin-bottom: 0.45rem; } .landscape-required { display: none; } #typesEditor { position: relative; width: 100%; height: var(--dte-height, calc(100dvh - 12rem)); min-height: 20rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 1rem; box-shadow: var(--page-card-shadow-soft); } #typesEditor .virtual-spacer, #typesEditor .virtual-spacer td { padding: 0 !important; border: 0 !important; background: transparent !important; } #typesEditor #tbody tr[data-name] { height: 33px !important; } #typesEditor #tbody .name-text { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #typesEditor::before { position: absolute; } body.page-tool-types-editor .page-heading { margin-bottom: 0.65rem; } body.page-tool-types-editor .tool-stage { padding: 0; overflow: hidden; } @media (max-width: 900px) and (orientation: landscape) { body.page-tool-types-editor .page-breadcrumbs, body.page-tool-types-editor .site-footer { display: none !important; } #typesEditor { height: var(--dte-height, calc(100dvh - 5rem)); min-height: 0; border-radius: 0.75rem; } #typesEditor .topbar { height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; flex-wrap: wrap !important; gap: 7px !important; padding: 8px !important; } #typesEditor .editor-heading, #typesEditor #statsStrip, #typesEditor .topbar .spacer { display: none !important; } #typesEditor .file-chip#fileName { flex: 1 1 7rem !important; max-width: none !important; } #typesEditor #uploadBtn, #typesEditor #downloadBtn, #typesEditor #addAdditionalBtn, #typesEditor #addColoursBtn, #typesEditor #filtersBtn { flex: 1 1 auto !important; } #typesEditor .toolbar { flex: 0 0 auto !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: thin; } #typesEditor .tablewrap { overflow: auto !important; overscroll-behavior: contain; } #typesEditor #grid { width: 68rem !important; min-width: 68rem !important; max-width: none !important; } } @media (max-width: 900px) and (orientation: portrait) { body.page-tool-types-editor .tool-stage--types-editor { min-height: calc(100dvh - 10rem); } body.page-tool-types-editor #typesEditor { display: none; } body.page-tool-types-editor .landscape-required { display: grid; min-height: calc(100dvh - 10rem); place-content: center; gap: 0.7rem; padding: 2rem; border: 1px solid rgba(255, 37, 48, 0.4); border-radius: 1rem; background: rgba(7, 8, 10, 0.9); color: #f5f5f7; text-align: center; } body.page-tool-types-editor .landscape-required i { color: var(--page-accent, #ff2530); font-size: 2rem; transform: rotate(90deg); } body.page-tool-types-editor .landscape-required strong { font-size: 1.1rem; } body.page-tool-types-editor .landscape-required span { color: var(--page-text-muted, #a8a8af); font-size: 0.82rem; } }