.palette{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:var(--mono-z-modal);background:rgba(0,0,0,.5)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll>*{min-width:max-content}.img-alpha-preview{max-width:100%;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0 /16px 16px}.swatch{background:var(--swatch-bg,var(--mono-bg-sunken));border:var(--mono-bw-1) solid var(--mono-border-subtle);border-radius:var(--mono-radius-sm)}.swatch--btn{display:flex;align-items:flex-end;justify-content:flex-start;border:0}.contrast-preview{padding:1.25rem;text-align:center;border:var(--mono-bw-1) solid var(--mono-border-subtle);border-radius:var(--mono-radius-md);background:var(--preview-bg,var(--mono-bg-surface));color:var(--preview-fg,var(--mono-fg-primary))}.clamp-preview{font-size:var(--clamp-size,1rem);margin:0}.focus-ring-btn{background:var(--mono-accent);color:white;border:none;border-radius:var(--mono-radius-sm);padding:var(--mono-gap-sm) var(--mono-gap-lg);font-size:var(--mono-text-sm);font-weight:500;cursor:pointer;transition:background var(--mono-dur-fast) var(--mono-ease-out)}.focus-ring-btn:hover{background:var(--mono-accent-hover)}.focus-ring-btn--focused{outline:var(--ring-outline,none);outline-offset:var(--ring-offset,0);box-shadow:var(--ring-shadow,none)}.focus-ring-input{padding:var(--mono-gap-sm) var(--mono-gap-md);border:var(--mono-bw-1) solid var(--mono-border-strong);border-radius:var(--mono-radius-sm);background:var(--mono-bg-sunken);color:var(--mono-fg-primary);font-size:var(--mono-text-sm);width:160px;outline:none}.focus-ring-input::placeholder{color:var(--mono-fg-tertiary)}.gradient-preview{background-image:var(--gradient-bg,none);border-radius:var(--mantine-radius-md);border:var(--mono-bw-1) solid var(--mono-border-subtle)}.cmd-row{border-radius:var(--mantine-radius-sm);background:var(--mantine-color-default);border:var(--mono-bw-1) solid var(--mono-border-subtle);padding:var(--mono-gap-md) var(--mono-gap-lg);display:flex;flex-direction:column;gap:var(--mono-gap-sm)}.cmd-code{border-radius:4px;overflow:auto;background:var(--mantine-color-default-hover);padding:var(--mono-gap-sm) var(--mono-gap-md);font-family:var(--mono-font-mono);font-size:var(--mono-text-sm)}.lottie-canvas{width:200px;height:200px}.clip-path-preview{width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,#7c3aed,#3b82f6);clip-path:var(--preview-clip,none);border-radius:0;transition:transform var(--mono-dur-base) var(--mono-ease-out)}.clip-path-preview:hover{transform:scale(1.04)}.clip-path-stage{border:var(--mono-bw-1) solid var(--mono-border-subtle);border-radius:var(--mono-radius-md);padding:var(--mono-gap-md)}.glass-preview-scene{display:flex;align-items:center;justify-content:center;min-height:220px;padding:var(--mono-gap-2xl);border-radius:var(--mono-radius-lg);overflow:hidden;background:linear-gradient(135deg,#f97316,#db2777 45%,#6d28d9)}.glass-preview-card{padding:var(--mono-gap-xl);min-width:180px;text-align:center;color:#fff;background:var(--bg-color,rgba(255,255,255,.15));border:var(--mono-bw-1) solid var(--border-color,rgba(255,255,255,.3));border-radius:var(--radius,12px);backdrop-filter:blur(var(--blur,8px)) saturate(var(--saturation,100%));-webkit-backdrop-filter:blur(var(--blur,8px)) saturate(var(--saturation,100%))}.shadow-preview-backdrop{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:var(--mantine-radius-md);padding:24px}.shadow-preview-box{background:var(--preview-bg,#ffffff);border-radius:12px;box-shadow:var(--preview-shadow,none);filter:var(--preview-filter,none)}.diff-line{padding:2px 8px;white-space:pre}.diff-add{background:rgba(21,128,61,.12);color:var(--mono-fg-success)}.diff-remove{background:rgba(185,28,28,.12);color:var(--mono-fg-danger)}.diff-keep{color:var(--mono-fg-tertiary)}.diff-gutter{display:inline-block;width:32px;text-align:right;font-variant-numeric:tabular-nums}.json-null{color:var(--mono-fg-tertiary)}.json-bool{color:var(--mono-accent)}.json-num{color:var(--mono-fg-warning)}.json-str{color:var(--mono-fg-success)}.json-key{color:var(--mono-accent-hover)}.tool-preview-box{border:var(--mono-bw-1) solid var(--mono-border-subtle);border-radius:var(--mantine-radius-sm);padding:var(--mantine-spacing-sm);background-color:var(--mono-bg-elevated);overflow:auto;min-height:60px}