.msf-panel{--msf-blue:#1768ec;border:1px solid #cbdcf6;background:#fff;border-radius:17px;padding:13px;box-shadow:0 4px 20px #22549b08;color:#183253;font:13px/1.4 Manrope,system-ui,sans-serif;min-width:0;margin:12px 0}
.msf-panel *{box-sizing:border-box}.msf-panel [hidden]{display:none!important}
.msf-head{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}.msf-head h3{font:800 14px/1.3 Manrope,system-ui,sans-serif;margin:0;color:#17365c}.msf-live{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;color:#187049;background:#ecfaf3;border-radius:20px;padding:4px 7px}.msf-live:before{content:"";width:5px;height:5px;border-radius:50%;background:#21a370}
.msf-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;background:#edf3fc;border-radius:10px;padding:3px}.msf-tabs button{appearance:none;border:0;background:none;padding:8px 3px;min-height:42px;border-radius:8px;color:#516582;font:700 11px/1.2 Manrope,system-ui,sans-serif;cursor:pointer;white-space:normal}.msf-tabs button[aria-pressed=true]{background:var(--msf-blue);color:white;box-shadow:0 3px 8px #1768ec24}
.msf-panel label{display:block;margin:0;font-size:11px;line-height:1.3;color:#63738b}.msf-panel select,.msf-panel input[type=search]{height:38px;min-height:38px;max-width:100%;width:100%;border:1px solid #d1dced;border-radius:8px;background:#fff;color:#193558;padding:7px 26px 7px 9px;font:600 12px/1.2 Manrope,system-ui,sans-serif;box-shadow:none}.msf-panel select:focus-visible,.msf-panel button:focus-visible,.msf-panel input:focus-visible,.msf-filter summary:focus-visible{outline:3px solid #95bdf7;outline-offset:2px}.msf-panel button:disabled,.msf-panel select:disabled,.msf-panel input:disabled{opacity:.5;cursor:not-allowed}
.msf-panel .msf-scope{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;margin-top:9px}.msf-scope select{height:34px;min-height:34px;font-size:11px}.msf-target{font-size:10px!important;margin:5px 0 8px!important;min-height:14px;color:#5173a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msf-controls{display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px;align-items:center}.msf-preview{width:66px;min-height:66px;border:1px solid #dae3ef;border-radius:10px;overflow:hidden;display:grid;place-items:center;position:relative}.msf-preview img{display:block;width:66px;height:66px;object-fit:cover}.msf-preview span:empty{display:none}.msf-preview span{position:absolute;inset:auto 0 0;padding:3px;background:#ffffffdf;font-size:9px;line-height:1.2;text-align:center;color:#576a83}.msf-picker{min-width:0}.msf-picker>label{margin-bottom:4px}.msf-color-row{display:flex;align-items:center;gap:7px;margin-top:6px}.msf-color-row label{font-size:10px}.msf-panel input[type=color]{width:36px;height:29px;min-height:29px;min-width:36px;padding:2px;border:1px solid #cddbeb;border-radius:6px;background:white;cursor:pointer}.msf-color-row button{border:0;background:none;color:#1d65c3;text-decoration:underline;text-underline-offset:2px;font:500 10px Manrope,system-ui,sans-serif;padding:4px 0;min-height:29px;cursor:pointer}
.msf-roof{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;margin-top:9px}.msf-roof select{height:34px;min-height:34px}.msf-filter{margin-top:8px;border-top:1px solid #eaf0f9;padding-top:7px}.msf-filter summary{font-size:10px;color:#426d9f;cursor:pointer;padding:4px 0}.msf-filter label{margin:7px 0 4px}.msf-panel .msf-hint{font:10px/1.45 Manrope,system-ui,sans-serif;color:#6d7f97;margin:7px 0 0}.msf-panel .msf-apply{display:block;margin-top:9px;min-height:40px;width:100%;border:1px solid #b5cff4;border-radius:8px;background:#edf5ff;color:#1559b9;padding:8px;font:700 11px Manrope,system-ui,sans-serif;cursor:pointer}
@media(max-width:600px){.msf-panel{padding:12px;border-radius:14px}.msf-tabs button{min-height:44px;font-size:12px}.msf-panel select,.msf-panel input[type=search]{font-size:16px;height:42px;min-height:42px}.msf-panel .msf-scope select,.msf-roof select{font-size:14px;height:42px;min-height:42px}.msf-panel input[type=color]{height:36px;min-height:36px;width:44px;min-width:44px}.msf-color-row button{min-height:36px}.msf-head h3{font-size:15px}.msf-filter summary{min-height:36px;display:flex;align-items:center;font-size:12px}.msf-controls{grid-template-columns:66px minmax(0,1fr)}}