.klyp-DevStatePreview{z-index:40;align-items:flex-end;gap:var(--space-8);pointer-events:auto;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--space-24);inset-inline-end:var(--space-24)}.klyp-DevStatePreview__fab{align-items:center;gap:var(--gap-icon-text);padding:var(--padding-chip-y) var(--control-pad-x-sm);border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px dashed var(--color-border-accent);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-12);cursor:pointer;box-shadow:var(--fx-card-lift-shadow);transition:transform var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);line-height:1;display:inline-flex}.klyp-DevStatePreview__fab[data-hovered]{transform:translateY(calc(var(--space-2) * -1))}.klyp-DevStatePreview__fab[data-pressed]{transform:translateY(0)}.klyp-DevStatePreview__fab[aria-expanded=true]{border-style:solid;border-color:var(--color-fg-primary)}.klyp-DevStatePreview__fab[data-focus-visible]{outline:2px solid var(--color-border-accent);outline-offset:2px}.klyp-DevStatePreview__fabLabel{font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.klyp-DevStatePreview__fabValue{color:var(--color-fg-primary);font-weight:var(--font-weight-medium)}.klyp-DevStatePreview__panel{inline-size:min(88vw, var(--space-128) + var(--space-96));max-block-size:calc(100dvh - var(--space-96));background:color-mix(in srgb, var(--color-bg-elevated) 30%, transparent);-webkit-backdrop-filter:var(--fx-glass-blur-md);backdrop-filter:var(--fx-glass-blur-md);border:1px solid var(--color-border-subtle);border-radius:var(--r-section);box-shadow:var(--fx-card-lift-shadow);flex-direction:column;display:flex;overflow:hidden}.klyp-DevStatePreview__header{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-block-end:1px solid var(--color-border-subtle);flex:none;display:flex}.klyp-DevStatePreview__title{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.klyp-DevStatePreview__close{padding:var(--space-2);border-radius:var(--r-chip);color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;justify-content:center;align-items:center;display:inline-flex}.klyp-DevStatePreview__close[data-hovered]{background:var(--color-bg-surface-solid);color:var(--color-fg-primary)}.klyp-DevStatePreview__close[data-focus-visible]{outline:var(--bw-default) solid var(--color-ring);outline-offset:calc(-1 * var(--bw-default))}.klyp-DevStatePreview__body{gap:var(--space-8);min-block-size:0;padding:var(--space-8);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.klyp-DevStatePreview__group{gap:var(--space-2);flex-direction:column;display:flex}.klyp-DevStatePreview__groupLabel{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding-inline:var(--space-8);padding-block-end:var(--space-2)}.klyp-DevStatePreview__checks{gap:var(--space-6);padding-inline:var(--space-8);padding-block:var(--space-4);flex-direction:column;display:flex}.klyp-DevStatePreview .klyp-RadioGroup[data-layout=rows]{gap:var(--space-2)}.klyp-DevStatePreview .klyp-Radio[data-variant=menu-row]{gap:var(--space-8);min-height:0;padding:var(--space-4) var(--space-8);border-radius:var(--r-chip);font-weight:var(--font-weight-regular)}.klyp-DevStatePreview__itemBody{flex-direction:column;flex:auto;gap:0;min-inline-size:0;display:flex}.klyp-DevStatePreview__itemLabel{font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--color-fg-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klyp-DevStatePreview__itemDesc{font-size:var(--font-size-11);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--color-fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}