.matrix-editor{display:grid;gap:18px}
.matrix-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.matrix-question{width:100%;min-width:560px;border-collapse:collapse;background:#fff}
.matrix-question th,.matrix-question td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:center}
.matrix-question thead th{background:#f1f5ef;font-size:13px}
.matrix-question tbody th{text-align:left;min-width:190px;font-size:14px}
.matrix-question tbody tr:last-child>*{border-bottom:0}
.matrix-question td input{width:20px;height:20px;accent-color:var(--green)}
.matrix-coloured{--matrix-colour:#49ab4f;--matrix-text:#fff}.matrix-coloured thead th:not(:first-child),.matrix-coloured tbody th{background:var(--matrix-colour);color:var(--matrix-text);font-weight:700}.matrix-coloured td input{accent-color:var(--matrix-colour)}.matrix-colour-green{--matrix-colour:#248f48}.matrix-colour-navy{--matrix-colour:#405f91}.matrix-colour-blue{--matrix-colour:#2878d0}.matrix-colour-cyan{--matrix-colour:#1598b5}.matrix-colour-teal{--matrix-colour:#178477}.matrix-colour-red{--matrix-colour:#c73b3b}.matrix-colour-orange{--matrix-colour:#df7027}.matrix-colour-yellow{--matrix-colour:#f2c94c;--matrix-text:#18201c}.matrix-colour-purple{--matrix-colour:#7652ad}.matrix-colour-pink{--matrix-colour:#c84f83}.matrix-colour-brown{--matrix-colour:#805b43}.matrix-colour-grey{--matrix-colour:#69736e}.matrix-colour-black{--matrix-colour:#18201c}.matrix-colour-white{--matrix-colour:#fff;--matrix-text:#18201c}
.emoji-question thead th span{display:block;font-size:30px;line-height:1}.emoji-question thead th small{display:block;margin-top:6px;color:var(--muted);font-size:10px;white-space:nowrap}
.ranking-list{display:grid;gap:9px;padding:0;margin:0;list-style:none;counter-reset:rank}.ranking-list li{counter-increment:rank;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#faf9f4;cursor:grab}.ranking-list li::before{content:counter(rank);display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#49ab4f18;color:var(--green-dark);font-weight:900}.ranking-list li.dragging{opacity:.45;border-color:var(--green)}.ranking-grip{font-size:24px;color:var(--muted)}.ranking-list strong{flex:1}.ranking-actions{display:flex;gap:5px}.ranking-actions button{width:38px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:900;cursor:pointer}