.sf-panel{max-width:600px;margin:1.5rem auto 0;background:var(--bg-card,#1a1a2e);border:1px solid rgba(var(--color-primary-rgb,139,90,158),0.45);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-dropdown,0 8px 24px rgba(0,0,0,0.3));color:var(--fg-1,#e0e0f0);font-family:var(--font-ui,'IBM Plex Sans',-apple-system,sans-serif);overflow:hidden;transition:opacity var(--transition-normal,0.2s ease),transform var(--transition-normal,0.2s ease)}.sf-panel-hidden{opacity:0;transform:translateY(8px);pointer-events:none;position:absolute;visibility:hidden}.sf-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(var(--color-primary-rgb,139,90,158),0.3)}.sf-panel-title{font-size:var(--font-size-sm,0.875rem);font-weight:600;color:rgba(255,255,255,0.9);margin:0;display:flex;align-items:center;gap:0.5rem}.sf-panel-header-actions{display:flex;align-items:center;gap:0.5rem}.sf-btn{background:none;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);font-size:var(--font-size-xs,0.75rem);font-family:var(--font-ui,'IBM Plex Sans',sans-serif);padding:4px 10px;border-radius:var(--radius-sm,4px);cursor:pointer;transition:all var(--transition-fast,0.15s ease)}.sf-btn:hover{color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.05)}.sf-btn-close{font-size:1.25rem;line-height:1;padding:2px 6px;border:none}.sf-btn-close:hover{color:var(--color-danger,#dc3545);border:none}.sf-panel-body{padding:14px 18px 18px}.sf-section{margin-bottom:1rem}.sf-section:last-child{margin-bottom:0}.sf-section-label{font-size:var(--font-size-xs,0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:rgba(255,255,255,0.4);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.4rem}.sf-section-label i{font-size:0.7rem;opacity:0.6}.sf-section-empty .sf-section-label{margin-bottom:0.25rem}.sf-empty-msg{font-size:var(--font-size-xs,0.75rem);color:rgba(255,255,255,0.3);font-style:italic;padding:0.25rem 0}.sf-controls{display:flex;flex-direction:column;gap:0.75rem}.sf-slider-row{display:flex;flex-direction:column;gap:4px}.sf-slider-header{display:flex;justify-content:space-between;align-items:baseline}.sf-slider-label{font-size:0.8rem;font-weight:500;color:rgba(255,255,255,0.75)}.sf-slider-value{font-size:var(--font-size-xs,0.75rem);font-weight:600;color:var(--accent-terracotta,#e07a5f);font-variant-numeric:tabular-nums;min-width:3em;text-align:right}.sf-slider-row input[type="range"],.sf-controls input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--color-white-12,rgba(255,255,255,0.12));outline:none;cursor:pointer}.sf-slider-row input[type="range"]::-webkit-slider-thumb,.sf-controls input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary,#8b5a9e);cursor:pointer;border:2px solid rgba(255,255,255,0.35);box-shadow:0 1px 4px rgba(0,0,0,0.3);transition:transform var(--transition-fast,0.15s ease),box-shadow var(--transition-fast,0.15s ease)}.sf-slider-row input[type="range"]::-webkit-slider-thumb:hover,.sf-controls input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 1px 6px rgba(139,90,158,0.4)}.sf-slider-row input[type="range"]::-webkit-slider-thumb:active,.sf-controls input[type="range"]::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 0 0 4px rgba(139,90,158,0.2)}.sf-slider-row input[type="range"]::-moz-range-thumb,.sf-controls input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary,#8b5a9e);cursor:pointer;border:2px solid rgba(255,255,255,0.35);box-shadow:0 1px 4px rgba(0,0,0,0.3)}.sf-slider-row input[type="range"]::-moz-range-track,.sf-controls input[type="range"]::-moz-range-track{height:4px;border-radius:2px;background:var(--color-white-12,rgba(255,255,255,0.12))}.sf-color-row{display:flex;justify-content:space-between;align-items:center;gap:0.75rem}.sf-color-picker-wrap{position:relative}.sf-color-input{-webkit-appearance:none;appearance:none;width:36px;height:28px;padding:0;border:2px solid rgba(255,255,255,0.15);border-radius:var(--radius-sm,4px);background:var(--bg-input,#2a2a2a);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast,0.15s ease)}.sf-color-input:hover{border-color:rgba(255,255,255,0.3)}.sf-color-input::-webkit-color-swatch-wrapper{padding:2px}.sf-color-input::-webkit-color-swatch{border:none;border-radius:2px}.sf-color-input::-moz-color-swatch{border:none;border-radius:2px}.filter-cell.selected{border-color:var(--color-primary,#8b5a9e);box-shadow:0 0 0 2px rgba(139,90,158,0.4),var(--shadow-purple-glow,0 4px 12px rgba(139,90,158,0.15))}.filter-cell:hover:not(.selected){border-color:rgba(255,255,255,0.2)}.mas-filter-modal{max-width:700px;max-height:90vh;width:95vw;display:flex;flex-direction:column;font-family:var(--font-ui,'IBM Plex Sans',-apple-system,sans-serif)}.mas-filter-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:14px;scrollbar-gutter:stable}.mas-filter-modal-body::-webkit-scrollbar{width:5px}.mas-filter-modal-body::-webkit-scrollbar-track{background:transparent}.mas-filter-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);border-radius:3px}.mas-filter-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}.mas-filter-preview-wrap{position:relative;background:rgba(0,0,0,0.25);border-radius:var(--radius-md,8px);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:200px}.mas-filter-preview-canvas{display:block;max-width:100%;max-height:450px;width:auto;height:auto;margin:0 auto}.mas-filter-progress{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,0.5);color:rgba(255,255,255,0.8);font-size:var(--font-size-sm,0.875rem)}.mas-filter-progress.hidden{display:none}.mas-filter-progress .spinner-border{color:var(--color-primary,#8b5a9e)}.mas-filter-presets-strip{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:4px 0;-webkit-overflow-scrolling:touch;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}.mas-filter-presets-strip::-webkit-scrollbar{height:4px}.mas-filter-presets-strip::-webkit-scrollbar-track{background:transparent}.mas-filter-presets-strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px}.mas-filter-preset-thumb{flex:0 0 auto;width:72px;display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(255,255,255,0.03);border:2px solid transparent;border-radius:var(--radius-sm,4px);padding:4px 3px 5px;cursor:pointer;transition:border-color var(--transition-fast,0.15s ease),background var(--transition-fast,0.15s ease)}.mas-filter-preset-thumb canvas{display:block;border-radius:3px;width:100%;height:auto}.mas-filter-preset-thumb:hover{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.05)}.mas-filter-preset-thumb.active{border-color:var(--color-primary,#8b5a9e);background:rgba(139,90,158,0.1);box-shadow:0 0 0 1px rgba(139,90,158,0.25)}.mas-filter-preset-label{font-size:0.58rem;font-weight:500;color:rgba(255,255,255,0.45);text-align:center;line-height:1.15;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mas-filter-preset-thumb.active .mas-filter-preset-label{color:rgba(255,255,255,0.9)}.mas-filter-params-container{position:relative;min-height:0;padding-right:2px}.mas-filter-params-container .sf-panel{max-width:100%;margin:0;border:none;box-shadow:none;background:transparent;border-top:1px solid rgba(255,255,255,0.06);border-radius:0;padding-top:8px;position:static}.mas-filter-params-container .sf-panel.sf-panel-hidden{position:absolute;visibility:hidden;opacity:0}.mas-filter-params-container .sf-panel-header{display:none}.mas-filter-params-container .sf-panel-body{padding:8px 0 0}@media (max-width:768px){.sf-panel{max-width:100%;margin:1rem 0.5rem 0;border-radius:var(--radius-md,8px)}.mas-filter-modal{max-width:100vw;max-height:100vh;border-radius:0}.mas-filter-preset-thumb{width:62px}}