/* Lo-fi (plugin-coloration.html#lofi) */
.lofi-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.lofi-lab{max-width:1200px;margin:0 auto;padding:16px;border-radius:18px;background:#0d1118;border:1px solid #ffffff16;color:#e7ebf3}
.lf-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:12px;font-size:13px;color:#cfd5e1}
.lf-top label{display:flex;align-items:center;gap:8px}
.lf-top select{padding:6px;border:1px solid #ffffff2a;border-radius:7px;background:#1b2130;color:#fff;font:inherit;font-size:13px}
.lf-play{padding:9px 16px;border:1px solid #ff8ad0;border-radius:9px;background:#3a1f33;color:#ffd2ec;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.lf-presets{display:flex;flex-wrap:wrap;gap:5px}
.lf-presets button{padding:7px 11px;border:1px solid #ffffff1c;border-radius:9px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.lf-presets button.on{background:#3a1f33;border-color:#ff8ad0}
.lf-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}
.lf-ctrls{display:grid;align-content:start;gap:12px;font-size:13px;color:#cfd5e1}
.lf-ctrls label{display:grid;gap:5px}
.lf-ctrls label>span{display:flex;justify-content:space-between;gap:8px;font-weight:700}
.lf-ctrls output{font:12px 'DM Mono',monospace;color:#ff8ad0}
.lf-ctrls input[type=range]{width:100%;accent-color:#ff8ad0}
.lf-check{display:flex!important;align-items:center;gap:8px;cursor:pointer}
.lf-check input{accent-color:#ff8ad0;width:16px;height:16px;flex:0 0 auto}
.lf-spec{display:block;width:100%;height:300px;border-radius:12px;background:#0d111a}
.lf-status{min-height:2.8em;margin:12px 2px 0;font-size:14px;color:var(--mint)}
@media(max-width:1000px){.lofi-cards{grid-template-columns:1fr 1fr!important}}
@media(max-width:800px){.lf-grid{grid-template-columns:1fr}}
@media(max-width:560px){.lofi-cards{grid-template-columns:1fr!important}}