:root{--bg: #f9fafb;--text: #0f172a;--panel-bg: #ffffff;--panel-muted: #f3f4f6;--border: #e5e7eb;--thead: #f9fafb;--muted: #6b7280;--header-bg: rgba(255,255,255,.78)}html.dark{--bg: #0b1220;--text: #e5e7eb;--panel-bg: #111827;--panel-muted: #0f172a;--border: #374151;--thead: #0f172a;--muted: #94a3b8;--header-bg: rgba(15,23,42,.88)}body.app-bg{background-color:var(--bg);color:var(--text)}.panel{background-color:var(--panel-bg);border:1px solid var(--border)}.panel-muted{background-color:var(--panel-muted);border:1px solid var(--border)}.thead{background-color:var(--thead)}.border-var{border-color:var(--border)}.muted{color:var(--muted)}.glass{background-color:var(--header-bg)}.theme-switch{width:54px;height:28px;border-radius:9999px;position:relative;display:inline-flex;align-items:center;justify-content:space-between;padding:0 6px}.theme-switch.bg{background-color:#e5e7eb}html.dark .theme-switch.bg{background-color:#374151}.knob{position:absolute;width:22px;height:22px;border-radius:9999px;top:3px;left:3px;transition:transform .25s ease;background:#fff;box-shadow:0 1px 2px #00000026}html.dark .knob{transform:translate(26px)}.icon{width:14px;height:14px;opacity:.85;color:var(--muted)}html.dark input[type=number],html.dark input[type=text],html.dark input[type=email],html.dark input[type=search],html.dark textarea{color:#111827;background-color:#fff;caret-color:#111827;border-color:#374151}html.dark select{color:#111827;background-color:#fff;border-color:#374151}html.dark input::placeholder,html.dark textarea::placeholder{color:#6b7280}html.dark .bg-rose-50{background-color:#4c0519!important;color:#fecdd3!important;border-color:#7f1d1d!important}html.dark .bg-amber-50{background-color:#78350f!important;color:#fde68a!important;border-color:#92400e!important}html.dark .bg-emerald-50{background-color:#064e3b!important;color:#a7f3d0!important;border-color:#065f46!important}.color-palette-grid{display:grid;gap:0;border-radius:8px;overflow:visible;position:relative;border:1px solid var(--border)}.color-palette-grid.compact{grid-template-columns:repeat(64,1fr)}.color-palette-grid.normal{grid-template-columns:repeat(8,1fr)}.color-cell{aspect-ratio:1;cursor:pointer;transition:transform .15s ease,z-index 0s;position:relative}.color-cell:hover{transform:scale(2);z-index:20;box-shadow:0 4px 12px #0000004d;border-radius:2px}@media (max-width: 768px){.color-palette-grid.compact{grid-template-columns:repeat(32,1fr)}.color-palette-grid.normal{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.color-palette-grid.compact{grid-template-columns:repeat(16,1fr)}.color-palette-grid.normal{grid-template-columns:repeat(4,1fr)}}