.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(--padding-control-x);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}.klyp-MeshSlider{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.klyp-MeshSlider__slider{width:100%}.klyp-MeshSlider__track{width:100%;height:var(--space-40);touch-action:none;position:relative}.klyp-MeshSlider__window{border-radius:var(--r-chip);position:absolute;inset:0;overflow:hidden}.klyp-MeshSlider__rail{background:var(--color-bg-surface-solid);position:absolute;inset:0}.klyp-MeshSlider__fill{border-radius:var(--r-chip) 0 0 var(--r-chip);background:color-mix(in srgb, var(--gold-700) 10%, var(--color-bg-surface));height:100%;position:absolute;top:0;left:0;overflow:hidden}.klyp-MeshSlider__thumb{width:var(--space-32);height:var(--space-40);border-radius:var(--r-chip);isolation:isolate;background:var(--color-fg-primary);margin-left:calc((.5 - var(--thumb-pct,0)) * var(--space-32));box-shadow:0 2px 8px var(--alpha-black-20);cursor:grab;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;overflow:hidden;transform:translate(-50%,-50%)}.klyp-MeshSlider__thumb[data-dragging]{cursor:grabbing}.klyp-MeshSlider__thumb[data-focus-visible]{outline:var(--bw-emphasis) solid var(--color-border-focus);outline-offset:var(--space-2)}.klyp-MeshSlider__arrow{z-index:1;color:var(--color-fg-inverse);animation:1.6s ease-in-out infinite klyp-meshslider-nudge;position:relative}@keyframes klyp-meshslider-nudge{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.klyp-MeshSlider__arrow{animation:none}}.klyp-MeshSlider__ticks{justify-content:space-between;display:flex}.klyp-MeshSlider__tick{appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-12);color:var(--color-fg-muted);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0}.klyp-MeshSlider__tick[data-active=true]{color:var(--color-fg-primary)}@keyframes klyp-meshsurf-a{0%{transform:translate(0)scale(1)}25%{transform:translate(25%,18%)scale(1.15)}50%{transform:translateY(32%)scale(1.3)}75%{transform:translate(-25%,18%)scale(1.15)}to{transform:translate(0)scale(1)}}@keyframes klyp-meshsurf-b{0%{transform:translate(0)scale(1)}50%{transform:translateY(-32%)scale(1.25)}to{transform:translate(0)scale(1)}}@keyframes klyp-meshsurf-c{0%{transform:translate(0)scale(1)}50%{transform:translate(38%)scale(1.2)}to{transform:translate(0)scale(1)}}@keyframes klyp-meshsurf-d{0%{transform:translate(0)scale(1)}20%{transform:translate(-22%,-16%)scale(1.1)}40%{transform:translate(-30%,12%)scale(1.25)}60%{transform:translate(-10%,22%)scale(1.15)}80%{transform:translate(20%,8%)scale(.95)}to{transform:translate(0)scale(1)}}.klyp-MeshSurface{--mesh-color-c1:var(--gold-800);--mesh-color-c2:var(--gold-700);--mesh-color-c3:var(--neutral-0);--mesh-color-c4:var(--gold-400);z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0)}.klyp-MeshSurface__svgFilter{pointer-events:none;width:0;height:0;position:absolute}.klyp-MeshSurface__inner{filter:var(--mesh-goo,url(#klyp-MeshSurface-goo)) blur(var(--mesh-blur,6px));position:absolute;inset:0}.klyp-MeshSurface__blob{mix-blend-mode:hard-light;will-change:transform;border-radius:50%;width:124%;height:270%;position:absolute}.klyp-MeshSurface__blob[data-blob=a]{background:radial-gradient(circle at center, color-mix(in srgb, var(--mesh-color-c1) 31.25%, transparent) 0%, transparent 55%) no-repeat;width:194%;height:422%;animation:klyp-meshsurf-a calc(10s * var(--blob-a-mult,1)) ease-in-out infinite;animation-delay:var(--blob-a-delay,0s);top:-185%;left:-75%}.klyp-MeshSurface__blob[data-blob=b]{background:radial-gradient(circle at center, color-mix(in srgb, var(--mesh-color-c2) 31.25%, transparent) 0%, transparent 55%) no-repeat;width:155%;height:338%;animation:klyp-meshsurf-b calc(13s * var(--blob-b-mult,1)) ease-in-out infinite;animation-delay:var(--blob-b-delay,-3s);bottom:-185%;right:-75%}.klyp-MeshSurface__blob[data-blob=c]{background:radial-gradient(circle at center, color-mix(in srgb, var(--mesh-color-c3) 23.4375%, transparent) 0%, transparent 55%) no-repeat;animation:klyp-meshsurf-c calc(14s * var(--blob-c-mult,1)) ease-in-out infinite;animation-delay:var(--blob-c-delay,-7s);bottom:-160%;left:-40%}.klyp-MeshSurface__blob[data-blob=d]{background:radial-gradient(circle at center, color-mix(in srgb, var(--mesh-color-c4) 31.25%, transparent) 0%, transparent 55%) no-repeat;animation:klyp-meshsurf-d calc(11s * var(--blob-d-mult,1)) ease-in-out infinite;animation-delay:var(--blob-d-delay,-5s);top:-140%;right:-45%}@media (prefers-reduced-motion:reduce){.klyp-MeshSurface .klyp-MeshSurface__blob{animation:none}}.klyp-PromptInput-Display{align-items:flex-end;gap:var(--space-4);padding-inline:var(--space-16);padding-block:var(--space-4);display:flex;overflow-x:auto}.klyp-PromptInput-Display__clear{border-radius:var(--r-card);border:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-surface);width:40px;height:40px;color:var(--color-fg-muted);transition:color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.klyp-PromptInput-Display__clear:hover{border-color:var(--color-border-default);color:var(--color-accent)}.klyp-PromptInput-Display__clear:focus-visible{box-shadow:0 0 0 1px var(--color-border-accent);outline:none}.klyp-PromptInput-Display__item{flex-shrink:0}@keyframes klyp-PromptInput-DropZone-fadeIn{0%{opacity:0}to{opacity:1}}.klyp-PromptInput-DropZone{position:relative}.klyp-PromptInput-DropZone__overlay{z-index:10;pointer-events:none;border-radius:var(--r-section,var(--radius-lg));border:var(--bw-emphasis) dashed color-mix(in srgb, var(--color-fg-accent) 60%, transparent);background:color-mix(in srgb, var(--color-bg-surface) 80%, transparent);-webkit-backdrop-filter:blur(4px);animation:klyp-PromptInput-DropZone-fadeIn var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.klyp-PromptInput-DropZone__overlay-inner{align-items:center;gap:var(--space-4);color:var(--color-fg-primary);flex-direction:column;display:flex}.klyp-PromptInput-DropZone__overlay-label{font-size:var(--font-size-14);font-weight:var(--font-weight-medium)}.klyp-TopUpDialogV2__amountRow{justify-content:center;align-items:baseline;gap:var(--space-4);width:100%;display:flex}.klyp-TopUpDialogV2__amountRow .klyp-AmountInput{width:max-content;container-type:normal}.klyp-TopUpDialogV2__amountRow .klyp-AmountInput__row{width:max-content}.klyp-TopUpDialogV2__amountRow .klyp-AmountInput__suffix{display:none}.klyp-TopUpDialogV2__currency{color:var(--color-fg-muted);font-family:var(--font-sans);font-weight:var(--font-weight-regular);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;font-size:clamp(var(--font-size-40), 10cqi, var(--font-size-56))}.klyp-TopUpDialogV3__amountRow{justify-content:center;align-items:center;gap:var(--space-8);width:100%;display:flex}.klyp-TopUpDialogV3__amountRow .klyp-AmountInput{width:max-content;container-type:normal}.klyp-TopUpDialogV3__amountRow .klyp-AmountInput__row{width:max-content}.klyp-TopUpDialogV3__amountRow .klyp-AmountInput__suffix{display:none}.klyp-TopUpDialogV3__coin{color:var(--color-fg-primary);flex-shrink:0;align-items:center;display:inline-flex}