/* v78: give each widget preview a genuinely distinct visual identity; UI-only, no app logic changed */
#ff-widget-options button[data-mode="combined"] .ff-widget-preview{background:radial-gradient(circle at 82% 10%,rgba(139,108,255,.42),transparent 34%),linear-gradient(135deg,#29234a,#121421)}
#ff-widget-options button[data-mode="combined"] .ffp-mark{background:linear-gradient(135deg,#a78bfa,#6366f1)}
#ff-widget-options button[data-mode="timer"] .ff-widget-preview{background:radial-gradient(circle at center,rgba(99,102,241,.22),transparent 45%),linear-gradient(145deg,#111a32,#10121e)}
#ff-widget-options button[data-mode="timer"] .ffp-big{align-self:center;font-size:27px;letter-spacing:0;color:#c4b5fd;text-shadow:0 0 14px rgba(167,139,250,.25)}
#ff-widget-options button[data-mode="tasks"] .ff-widget-preview{background:linear-gradient(135deg,#123b37,#102321)}
#ff-widget-options button[data-mode="tasks"] .ffp-mark{background:#10b981}
#ff-widget-options button[data-mode="tasks"] .ffp-check{border-color:#6ee7b7;border-radius:50%}
#ff-widget-options button[data-mode="week"] .ff-widget-preview{background:linear-gradient(145deg,#243f68,#151e37)}
#ff-widget-options button[data-mode="week"] .ffp-dots i:nth-child(3n){background:#60a5fa}
#ff-widget-options button[data-mode="progress"] .ff-widget-preview{background:linear-gradient(145deg,#39234f,#171321)}
#ff-widget-options button[data-mode="progress"] .ffp-chart i{background:linear-gradient(#f0abfc,#a855f7)}
#ff-widget-options button[data-mode="habit"] .ff-widget-preview{background:linear-gradient(145deg,#3d2b16,#20170f)}
#ff-widget-options button[data-mode="habit"] .ffp-pills i{background:linear-gradient(135deg,#fbbf24,#b45309)}
#ff-widget-options button[data-mode="finance"] .ff-widget-preview{background:linear-gradient(145deg,#123c35,#10221f)}
#ff-widget-options button[data-mode="finance"] .ffp-money{color:#6ee7b7}
#ff-widget-options button[data-mode="calendar"] .ff-widget-preview{background:linear-gradient(145deg,#3d2448,#21172e)}
#ff-widget-options button[data-mode="calendar"] .ffp-dots i:nth-child(3n){background:#f0abfc}
#ff-widget-options button[data-mode="quote"] .ff-widget-preview{background:linear-gradient(135deg,#56324f,#291a31)}
#ff-widget-options button[data-mode="quote"] .ffp-note{font-size:11px;line-height:1.65;color:#f5d0fe}
#ff-widget-options button[data-mode="music"] .ff-widget-preview{background:radial-gradient(circle at 80% 30%,rgba(45,212,191,.28),transparent 35%),linear-gradient(145deg,#123a48,#101e2b)}
#ff-widget-options button[data-mode="music"] .ffp-mark{background:#0d9488}
#ff-widget-options button[data-mode="streak"] .ff-widget-preview{background:radial-gradient(circle at 80% 25%,rgba(251,146,60,.3),transparent 34%),linear-gradient(145deg,#4a251c,#20151a)}
#ff-widget-options button[data-mode="streak"] .ffp-big{color:#fdba74}
#ff-widget-options button[data-mode="minimal"] .ff-widget-preview{background:linear-gradient(135deg,#f1edff,#d8e5ff);color:#25254a;border:1px solid rgba(99,102,241,.16)}
#ff-widget-options button[data-mode="minimal"] .ffp-mark{background:#6366f1}
#ff-widget-options button[data-mode="minimal"] .ffp-line{background:rgba(72,67,120,.16)}
#ff-widget-options button[data-mode="minimal"] .ffp-line:after{background:linear-gradient(90deg,#818cf8,#a78bfa)}
#ff-widget-options button[data-mode="minimal"] .ffp-top{color:#55517d}
@media(prefers-reduced-motion:no-preference){#ff-widget-options button:hover .ff-widget-preview{transform:translateY(-1px)}.ff-widget-preview{transition:transform .22s ease,filter .22s ease}#ff-widget-options button[aria-pressed="true"] .ff-widget-preview{filter:saturate(1.12)}}
@media(prefers-reduced-motion:reduce){.ff-widget-preview{transition:none!important}}