Elevation
Paper cards with one grey frame line on a fog canvas; controls sit a pixel above the page, overlays lift with one short shadow.
Levels
Recent runs
412 today
Output
{"queue": "billing"}Tokens
25 tokens
--ink-c- 20% 0.024 262
--paper-c- 99.7% 0.001 250
--grey-c- 95.6% 0.004 255
--canvas-c- 99.1% 0.002 250
--text-on-field-c- 20% 0.024 262
--shadow-alpha- 0.20
--ink- oklch(var(--ink-c))
--paper- oklch(var(--paper-c))
--surface-canvas- oklch(var(--canvas-c))
--surface-page- var(--paper)
--surface-card- oklch(var(--grey-c))
--surface-frame- color-mix(in oklch, var(--surface-card) 55%, var(--paper))
--surface-raised- var(--paper)
--surface-hover- oklch(var(--ink-c) / 0.05)
--surface-selected- oklch(var(--ink-c) / 0.09)
--surface-pressed- oklch(var(--ink-c) / 0.08)
--surface-inverse- var(--ink)
--surface-tile- oklch(var(--ink-c) / 0.08)
--surface-overlay- oklch(var(--ink-c) / 0.24)
--surface-thumb- color-mix(in oklch, var(--paper), oklch(var(--ink-c)) var(--thumb-lift))
--focus-halo- 0 0 0 3px oklch(var(--ink-c) / 0.08)
--elev-control- 0 1px 2px -1px oklch(var(--text-on-field-c) / calc(var(--shadow-alpha) * 0.6))
--elev-none- 0 0 0 0 transparent
--elev-thumb- 0 0 0 1px oklch(var(--ink-c) / var(--thumb-ring-alpha)), 0 1px 2px oklch(var(--text-on-field-c) / calc(var(--shadow-alpha) * 0.5))
--elev-overlay- 0 0 0 1px var(--line-frame), 0 12px 24px -12px oklch(var(--text-on-field-c) / var(--shadow-alpha))