.ResponsiveValueInput-module__Z_B4CW__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ResponsiveValueInput-module__Z_B4CW__field{flex-direction:column;gap:4px;display:flex}.ResponsiveValueInput-module__Z_B4CW__label{font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-muted-foreground);text-transform:uppercase;letter-spacing:.06em}
.PaletteGroupEditor-module__00ey4G__shade-label{font-size:8px;line-height:1}.PaletteGroupEditor-module__00ey4G__tooltip-value{font-size:10px}
.ModeIndicator-module__neEBlq__pill{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--Colors-semantic-color-foreground);background:#ffffffb3;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.ModeIndicator-module__neEBlq__dot{background:var(--Colors-Primary-500);border-radius:9999px;width:6px;height:6px}
.ColorSpecimen-module__yixDsW__swatch{flex:72px;min-width:72px}.ColorSpecimen-module__yixDsW__swatch-color{border:1px solid #0f172a14;border-radius:14px;height:44px;box-shadow:inset 0 1px #ffffff1f}.ColorSpecimen-module__yixDsW__swatch-meta{margin-top:var(--Spacing-scale-spacing-sm);gap:var(--Spacing-scale-spacing-xs);flex-direction:column;display:flex}.ColorSpecimen-module__yixDsW__swatch-name{font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-foreground)}.ColorSpecimen-module__yixDsW__swatch-value{color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-family:var(--Typography-font-family-font-mono)}.ColorSpecimen-module__yixDsW__palette-card{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-md);background-color:#ffffffc2}.ColorSpecimen-module__yixDsW__palette-card-header{justify-content:space-between;align-items:baseline;gap:var(--Spacing-scale-spacing-sm);margin-bottom:var(--Spacing-scale-spacing-sm);display:flex}.ColorSpecimen-module__yixDsW__palette-card-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.ColorSpecimen-module__yixDsW__palette-card-count{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}.ColorSpecimen-module__yixDsW__palette-badge{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);background-color:#ffffffe0;border-radius:9999px;line-height:1}.ColorSpecimen-module__yixDsW__semantic-row{justify-content:space-between;align-items:center;gap:var(--Spacing-scale-spacing-md);border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-md);background-color:#ffffffb8;display:flex}.ColorSpecimen-module__yixDsW__semantic-text{min-width:0}.ColorSpecimen-module__yixDsW__semantic-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.ColorSpecimen-module__yixDsW__semantic-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}.ColorSpecimen-module__yixDsW__semantic-preview{min-width:160px;max-width:240px;padding:var(--Spacing-scale-spacing-md);border-radius:16px;flex:0 240px}.ColorSpecimen-module__yixDsW__semantic-preview-label{font-size:var(--Typography-font-size-font-size-xs);font-weight:var(--Typography-font-weight-font-weight-medium);margin-bottom:var(--Spacing-scale-spacing-xs)}.ColorSpecimen-module__yixDsW__semantic-preview-sample{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);line-height:var(--Typography-line-height-line-height-tight)}.ColorSpecimen-module__yixDsW__semantic-preview-bar{margin-top:var(--Spacing-scale-spacing-sm);border-radius:9999px;height:12px}.ColorSpecimen-module__yixDsW__semantic-list{margin-bottom:var(--Spacing-scale-spacing-md)}
.BorderSpecimen-module__kOJ4vG__preview{height:92px;color:var(--Colors-semantic-color-foreground);font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);padding:var(--Spacing-scale-spacing-md);grid-column:auto/span 2;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffffd1}.BorderSpecimen-module__kOJ4vG__preview-header{justify-content:space-between;align-items:center;gap:var(--Spacing-scale-spacing-sm);display:flex}.BorderSpecimen-module__kOJ4vG__preview-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.BorderSpecimen-module__kOJ4vG__preview-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}.BorderSpecimen-module__kOJ4vG__preview-value{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);background-color:#ffffffe0;border-radius:9999px;line-height:1}
.SizingSpecimen-module__OoMoKG__card{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-md);background-color:#ffffffbd;flex:220px;min-width:220px}.SizingSpecimen-module__OoMoKG__card-header{justify-content:space-between;align-items:flex-start;gap:var(--Spacing-scale-spacing-sm);margin-bottom:var(--Spacing-scale-spacing-sm);display:flex}.SizingSpecimen-module__OoMoKG__card-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.SizingSpecimen-module__OoMoKG__card-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}.SizingSpecimen-module__OoMoKG__card-value{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);background-color:#ffffffe0;border-radius:9999px;line-height:1}.SizingSpecimen-module__OoMoKG__component-bar{border-radius:var(--Border-radius-border-radius-md);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:0 var(--Spacing-scale-spacing-sm);justify-content:space-between;align-items:center;gap:var(--Spacing-scale-spacing-sm);background:linear-gradient(#fffffff5,#f8fafcf2);display:flex}.SizingSpecimen-module__OoMoKG__component-bar-label{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-foreground)}.SizingSpecimen-module__OoMoKG__component-bar-hint{font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground);font-family:var(--Typography-font-family-font-mono)}.SizingSpecimen-module__OoMoKG__icon-row{align-items:center;gap:var(--Spacing-scale-spacing-md);display:flex}.SizingSpecimen-module__OoMoKG__icon-dot{background:linear-gradient(#0ea5e9f2,#3b82f6eb);border-radius:9999px;flex-shrink:0;box-shadow:0 8px 18px #0ea5e938}.SizingSpecimen-module__OoMoKG__icon-meta{min-width:0}.SizingSpecimen-module__OoMoKG__icon-meta-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.SizingSpecimen-module__OoMoKG__icon-meta-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}
.MotionSpecimen-module___lFvOq__demo-card{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-md);text-align:left;cursor:pointer;flex:230px;min-width:230px;transition-property:transform,box-shadow,background-color}.MotionSpecimen-module___lFvOq__card-header{justify-content:space-between;align-items:flex-start;gap:var(--Spacing-scale-spacing-sm);margin-bottom:var(--Spacing-scale-spacing-sm);display:flex}.MotionSpecimen-module___lFvOq__card-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.MotionSpecimen-module___lFvOq__card-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}.MotionSpecimen-module___lFvOq__card-badge{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);background-color:#ffffffe0;border-radius:9999px;line-height:1}.MotionSpecimen-module___lFvOq__progress-track{border:var(--Border-width-border-width-sm) solid #94a3b829;background-color:#94a3b81f;border-radius:9999px;height:14px;position:relative;overflow:hidden}.MotionSpecimen-module___lFvOq__progress-bar{background:linear-gradient(90deg,#0ea5e9f5,#3b82f6eb);border-radius:9999px;width:76px;transition-property:transform;position:absolute;inset:2px auto 2px 2px}.MotionSpecimen-module___lFvOq__rail-track{justify-content:space-between;align-items:center;gap:var(--Spacing-scale-spacing-sm);border:var(--Border-width-border-width-sm) solid #94a3b829;padding:var(--Spacing-scale-spacing-xs);background-color:#94a3b81f;border-radius:9999px;display:flex}.MotionSpecimen-module___lFvOq__rail-label{color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-family:var(--Typography-font-family-font-mono);padding-left:var(--Spacing-scale-spacing-sm)}.MotionSpecimen-module___lFvOq__rail-dot{background:linear-gradient(#0ea5e9f5,#3b82f6eb);border-radius:9999px;justify-content:center;align-items:center;width:18px;height:18px;transition-property:transform;display:inline-flex;box-shadow:0 6px 14px #0ea5e938}.MotionSpecimen-module___lFvOq__demo-card-rail{background-color:#ffffffbd}
.OpacitySpecimen-module__FXf4PG__tile{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-md);background-color:#ffffffbd;flex:230px;min-width:230px}.OpacitySpecimen-module__FXf4PG__tile-header{justify-content:space-between;align-items:flex-start;gap:var(--Spacing-scale-spacing-sm);margin-bottom:var(--Spacing-scale-spacing-sm);display:flex}.OpacitySpecimen-module__FXf4PG__tile-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.OpacitySpecimen-module__FXf4PG__tile-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}.OpacitySpecimen-module__FXf4PG__tile-value{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);background-color:#ffffffe0;border-radius:9999px;line-height:1}.OpacitySpecimen-module__FXf4PG__tile-body{gap:var(--Spacing-scale-spacing-sm);flex-direction:column;display:flex}.OpacitySpecimen-module__FXf4PG__demo-button{height:var(--Sizing-component-height-size-component-md);border-radius:var(--Border-radius-border-radius-md);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background-color:var(--Colors-semantic-color-background);color:var(--Colors-semantic-color-foreground);font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium)}.OpacitySpecimen-module__FXf4PG__demo-text{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-foreground);margin:0}.OpacitySpecimen-module__FXf4PG__tile-row{margin-bottom:var(--Spacing-scale-spacing-md)}.OpacitySpecimen-module__FXf4PG__overlay-scene{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-md);background:linear-gradient(135deg,#3b82f62e,#0f172a0a),linear-gradient(#fffffff2,#f8fafcf2)}.OpacitySpecimen-module__FXf4PG__overlay-canvas{border:var(--Border-width-border-width-sm) solid #94a3b82e;background:repeating-linear-gradient(45deg,#ffffffc2 0 12px,#f1f5f9cc 12px 24px);border-radius:18px;min-height:180px;position:relative;overflow:hidden}.OpacitySpecimen-module__FXf4PG__overlay-backdrop{background-color:rgb(15 23 42/var(--Opacity-level-opacity-overlay));position:absolute;inset:0}.OpacitySpecimen-module__FXf4PG__overlay-modal{border:var(--Border-width-border-width-sm) solid #ffffffb8;padding:var(--Spacing-scale-spacing-md);background-color:#fffffff0;border-radius:22px;position:absolute;inset:24px 24px 34px;box-shadow:0 18px 34px #0f172a29}.OpacitySpecimen-module__FXf4PG__modal-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.OpacitySpecimen-module__FXf4PG__modal-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground);max-width:32ch;line-height:var(--Typography-line-height-line-height-normal)}.OpacitySpecimen-module__FXf4PG__modal-tags{margin-top:var(--Spacing-scale-spacing-md);gap:var(--Spacing-scale-spacing-sm);flex-wrap:wrap;display:flex}.OpacitySpecimen-module__FXf4PG__modal-tag{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);background-color:#ffffffeb;border-radius:9999px}.OpacitySpecimen-module__FXf4PG__modal-tag-muted{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);opacity:var(--Opacity-level-opacity-muted);background-color:#ffffffeb;border-radius:9999px}
.TypographySpecimen-module__nJZp8G__scale-list{gap:var(--Spacing-scale-spacing-sm);flex-direction:column;display:flex}.TypographySpecimen-module__nJZp8G__scale-row{align-items:baseline;gap:var(--Spacing-scale-spacing-md);display:flex}.TypographySpecimen-module__nJZp8G__scale-sample{font-family:var(--Typography-font-family-font-sans);color:var(--Colors-semantic-color-foreground);line-height:var(--Typography-line-height-line-height-tight);font-weight:var(--Typography-font-weight-font-weight-normal)}.TypographySpecimen-module__nJZp8G__scale-label{font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground);font-family:var(--Typography-font-family-font-mono)}.TypographySpecimen-module__nJZp8G__prose-block{margin-top:var(--Spacing-scale-spacing-lg);gap:var(--Spacing-scale-spacing-sm);flex-direction:column;display:flex}.TypographySpecimen-module__nJZp8G__prose-body{font-size:var(--Typography-font-size-font-size-base);color:var(--Colors-semantic-color-foreground);font-family:var(--Typography-font-family-font-sans);line-height:var(--Typography-line-height-line-height-normal);font-weight:var(--Typography-font-weight-font-weight-normal);margin:0}.TypographySpecimen-module__nJZp8G__prose-support{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-muted-foreground);font-family:var(--Typography-font-family-font-sans);line-height:var(--Typography-line-height-line-height-relaxed);margin:0}.TypographySpecimen-module__nJZp8G__prose-mono{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-foreground);font-family:var(--Typography-font-family-font-mono);line-height:var(--Typography-line-height-line-height-normal);margin:0}
.SpacingSpecimen-module__xQc0dq__scale-list{gap:var(--Spacing-scale-spacing-sm);flex-direction:column;display:flex}.SpacingSpecimen-module__xQc0dq__scale-row{align-items:center;gap:var(--Spacing-scale-spacing-md);display:flex}.SpacingSpecimen-module__xQc0dq__scale-label{font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground);font-family:var(--Typography-font-family-font-mono);flex-shrink:0;width:36px}.SpacingSpecimen-module__xQc0dq__scale-bar{background-color:var(--Colors-Primary-400);border-radius:3px;min-width:4px;height:20px}
.ShadowSpecimen-module__jdxJUa__token-card{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background-color:var(--Colors-semantic-color-background);padding:var(--Spacing-scale-spacing-md);flex:220px;min-width:220px}.ShadowSpecimen-module__jdxJUa__token-card-header{justify-content:space-between;align-items:flex-start;gap:var(--Spacing-scale-spacing-sm);display:flex}.ShadowSpecimen-module__jdxJUa__token-title{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-semibold);color:var(--Colors-semantic-color-foreground);margin:0}.ShadowSpecimen-module__jdxJUa__token-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground)}.ShadowSpecimen-module__jdxJUa__token-badge{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background-color:var(--Colors-semantic-color-muted);color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);padding:var(--Spacing-scale-spacing-sm);white-space:nowrap;border-radius:9999px;line-height:1}.ShadowSpecimen-module__jdxJUa__token-footer{margin-top:var(--Spacing-scale-spacing-md);justify-content:space-between;align-items:center;gap:var(--Spacing-scale-spacing-sm);display:flex}.ShadowSpecimen-module__jdxJUa__token-code{min-width:0;color:var(--Colors-semantic-color-muted-foreground);font-size:11px;line-height:1.45;font-family:var(--Typography-font-family-font-mono);overflow-wrap:anywhere;flex:1;display:block}.ShadowSpecimen-module__jdxJUa__edit-button{align-items:center;gap:var(--Spacing-scale-spacing-sm);height:32px;padding:0 var(--Spacing-scale-spacing-md);color:var(--Colors-semantic-color-foreground);font-size:11px;font-weight:var(--Typography-font-weight-font-weight-medium);cursor:pointer;background:#ffffffb8;border:1px solid #94a3b838;border-radius:9999px;display:inline-flex;box-shadow:inset 0 1px #ffffffd6,0 8px 18px #0f172a0a}.ShadowSpecimen-module__jdxJUa__context-card{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-md);background:linear-gradient(#ffffffe6,#f8fafcf2);min-height:150px;position:relative}.ShadowSpecimen-module__jdxJUa__context-card-header{justify-content:space-between;align-items:flex-start;gap:var(--Spacing-scale-spacing-sm);display:flex}.ShadowSpecimen-module__jdxJUa__context-card-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);color:var(--Colors-semantic-color-muted-foreground);line-height:var(--Typography-line-height-line-height-normal);max-width:22ch}.ShadowSpecimen-module__jdxJUa__context-card-avatar{background:var(--Colors-semantic-color-muted);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);width:32px;height:32px;color:var(--Colors-semantic-color-muted-foreground);font-size:11px;font-weight:var(--Typography-font-weight-font-weight-semibold);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.ShadowSpecimen-module__jdxJUa__context-card-footer{left:var(--Spacing-scale-spacing-md);right:var(--Spacing-scale-spacing-md);bottom:var(--Spacing-scale-spacing-md);justify-content:space-between;align-items:center;gap:var(--Spacing-scale-spacing-sm);display:flex;position:absolute}.ShadowSpecimen-module__jdxJUa__context-card-label{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);padding:var(--Spacing-scale-spacing-sm);color:var(--Colors-semantic-color-muted-foreground);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);background-color:#ffffffe0;border-radius:9999px;line-height:1}.ShadowSpecimen-module__jdxJUa__context-card-wrapper{flex:220px;min-width:220px}.ShadowSpecimen-module__jdxJUa__shadow-row-mb{margin-bottom:var(--Spacing-scale-spacing-md)}.ShadowSpecimen-module__jdxJUa__z-stack{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);min-height:240px;padding:var(--Spacing-scale-spacing-md);background:linear-gradient(#ffffffe6,#f8fafcf5);position:relative;overflow:hidden}.ShadowSpecimen-module__jdxJUa__z-layer{padding:var(--Spacing-scale-spacing-md);box-shadow:0 18px 34px #0f172a24}.ShadowSpecimen-module__jdxJUa__z-layer-header{justify-content:space-between;align-items:flex-start;gap:var(--Spacing-scale-spacing-sm);display:flex}.ShadowSpecimen-module__jdxJUa__z-layer-description{margin:var(--Spacing-scale-spacing-xs) 0 0 0;font-size:var(--Typography-font-size-font-size-xs);max-width:24ch}.ShadowSpecimen-module__jdxJUa__z-layer-badge{padding:var(--Spacing-scale-spacing-sm);font-size:10px;font-weight:var(--Typography-font-weight-font-weight-medium);border-radius:9999px;line-height:1}
.ButtonSpecimen-module__-4jOxW__btn{height:var(--Sizing-component-height-size-component-md);padding:0 var(--Spacing-scale-spacing-md);border-radius:var(--Border-radius-border-radius-md);font-weight:var(--Typography-font-weight-font-weight-medium);font-size:var(--Typography-font-size-font-size-sm);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.ButtonSpecimen-module__-4jOxW__btn-ghost{color:var(--Colors-semantic-color-foreground);background-color:#0000}.ButtonSpecimen-module__-4jOxW__btn-disabled{background-color:var(--Colors-Primary-500);color:#fff;opacity:var(--Opacity-level-opacity-disabled);cursor:not-allowed}
.InputSpecimen-module__zlf0Qa__field{gap:var(--Spacing-scale-spacing-xs);flex-direction:column;width:280px;display:flex}.InputSpecimen-module__zlf0Qa__field-label{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-foreground)}.InputSpecimen-module__zlf0Qa__field-label-muted{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-muted-foreground)}.InputSpecimen-module__zlf0Qa__input{height:var(--Sizing-component-height-size-component-md);padding:0 var(--Spacing-scale-spacing-sm);border-radius:var(--Border-radius-border-radius-md);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background-color:var(--Colors-semantic-color-background);color:var(--Colors-semantic-color-foreground);font-size:var(--Typography-font-size-font-size-sm);box-sizing:border-box;outline:none;width:100%}.InputSpecimen-module__zlf0Qa__input-focused{height:var(--Sizing-component-height-size-component-md);padding:0 var(--Spacing-scale-spacing-sm);border-radius:var(--Border-radius-border-radius-md);border:var(--Border-width-border-width-md) solid var(--Colors-Primary-500);background-color:var(--Colors-semantic-color-background);color:var(--Colors-semantic-color-foreground);font-size:var(--Typography-font-size-font-size-sm);box-sizing:border-box;outline:none;width:100%}.InputSpecimen-module__zlf0Qa__input-disabled{height:var(--Sizing-component-height-size-component-md);padding:0 var(--Spacing-scale-spacing-sm);border-radius:var(--Border-radius-border-radius-md);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background-color:var(--Colors-semantic-color-muted);color:var(--Colors-semantic-color-muted-foreground);font-size:var(--Typography-font-size-font-size-sm);box-sizing:border-box;width:100%;opacity:var(--Opacity-level-opacity-disabled);cursor:not-allowed;outline:none}
.TextareaSpecimen-module__PRkIda__field{gap:var(--Spacing-scale-spacing-xs);flex-direction:column;width:360px;display:flex}.TextareaSpecimen-module__PRkIda__field-label{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-foreground)}.TextareaSpecimen-module__PRkIda__field-label-muted{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-muted-foreground)}.TextareaSpecimen-module__PRkIda__textarea,.TextareaSpecimen-module__PRkIda__textarea-focused,.TextareaSpecimen-module__PRkIda__textarea-disabled{padding:var(--Spacing-scale-spacing-sm);border-radius:var(--Border-radius-border-radius-md);background-color:var(--Colors-semantic-color-background);color:var(--Colors-semantic-color-foreground);font-size:var(--Typography-font-size-font-size-sm);box-sizing:border-box;resize:vertical;outline:none;width:100%;font-family:inherit}.TextareaSpecimen-module__PRkIda__textarea{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border)}.TextareaSpecimen-module__PRkIda__textarea-focused{border:var(--Border-width-border-width-md) solid var(--Colors-Primary-500)}.TextareaSpecimen-module__PRkIda__textarea-disabled{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background-color:var(--Colors-semantic-color-muted);color:var(--Colors-semantic-color-muted-foreground);opacity:var(--Opacity-level-opacity-disabled);cursor:not-allowed}
.SelectSpecimen-module__AtGJ5G__field{gap:var(--Spacing-scale-spacing-xs);flex-direction:column;width:280px;display:flex}.SelectSpecimen-module__AtGJ5G__field-label{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-foreground)}.SelectSpecimen-module__AtGJ5G__field-label-muted{font-size:var(--Typography-font-size-font-size-sm);font-weight:var(--Typography-font-weight-font-weight-medium);color:var(--Colors-semantic-color-muted-foreground)}.SelectSpecimen-module__AtGJ5G__select,.SelectSpecimen-module__AtGJ5G__select-focused,.SelectSpecimen-module__AtGJ5G__select-disabled{height:var(--Sizing-component-height-size-component-md);padding:0 var(--Spacing-scale-spacing-sm);border-radius:var(--Border-radius-border-radius-md);background-color:var(--Colors-semantic-color-background);color:var(--Colors-semantic-color-foreground);font-size:var(--Typography-font-size-font-size-sm);box-sizing:border-box;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--Colors-semantic-color-foreground) 50%), linear-gradient(135deg, var(--Colors-semantic-color-foreground) 50%, transparent 50%);width:100%;padding-right:var(--Spacing-scale-spacing-xl);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;outline:none}.SelectSpecimen-module__AtGJ5G__select{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border)}.SelectSpecimen-module__AtGJ5G__select-focused{border:var(--Border-width-border-width-md) solid var(--Colors-Primary-500)}.SelectSpecimen-module__AtGJ5G__select-disabled{border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background-color:var(--Colors-semantic-color-muted);color:var(--Colors-semantic-color-muted-foreground);opacity:var(--Opacity-level-opacity-disabled);cursor:not-allowed}
.CheckboxSpecimen-module__k95olW__row{align-items:center;gap:var(--Spacing-scale-spacing-sm);cursor:pointer;display:inline-flex}.CheckboxSpecimen-module__k95olW__checkbox{width:var(--Sizing-component-height-size-component-sm);height:var(--Sizing-component-height-size-component-sm);accent-color:var(--Colors-Primary-500);cursor:pointer;margin:0}.CheckboxSpecimen-module__k95olW__checkbox:disabled{cursor:not-allowed;opacity:var(--Opacity-level-opacity-disabled)}.CheckboxSpecimen-module__k95olW__label{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-foreground)}.CheckboxSpecimen-module__k95olW__label-muted{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-muted-foreground)}
.RadioSpecimen-module__rB_wTq__row{align-items:center;gap:var(--Spacing-scale-spacing-sm);cursor:pointer;display:inline-flex}.RadioSpecimen-module__rB_wTq__radio{width:var(--Sizing-component-height-size-component-sm);height:var(--Sizing-component-height-size-component-sm);accent-color:var(--Colors-Primary-500);cursor:pointer;margin:0}.RadioSpecimen-module__rB_wTq__radio:disabled{cursor:not-allowed;opacity:var(--Opacity-level-opacity-disabled)}.RadioSpecimen-module__rB_wTq__label{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-foreground)}.RadioSpecimen-module__rB_wTq__label-muted{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-muted-foreground)}
.SwitchSpecimen-module__hNBLDG__row{align-items:center;gap:var(--Spacing-scale-spacing-sm);cursor:pointer;display:inline-flex}.SwitchSpecimen-module__hNBLDG__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.SwitchSpecimen-module__hNBLDG__track{border-radius:var(--Border-radius-border-radius-full);background-color:var(--Colors-semantic-color-border);flex-shrink:0;width:36px;height:20px;transition:background-color .15s;display:inline-block;position:relative}.SwitchSpecimen-module__hNBLDG__track[data-checked]{background-color:var(--Colors-Primary-500)}.SwitchSpecimen-module__hNBLDG__track[data-disabled]{opacity:var(--Opacity-level-opacity-disabled);cursor:not-allowed}.SwitchSpecimen-module__hNBLDG__thumb{border-radius:var(--Border-radius-border-radius-full);width:16px;height:16px;box-shadow:var(--Elevation-shadow-shadow-sm);background-color:#fff;transition:transform .15s;position:absolute;top:2px;left:2px}.SwitchSpecimen-module__hNBLDG__thumb[data-checked]{transform:translate(16px)}.SwitchSpecimen-module__hNBLDG__label{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-foreground)}.SwitchSpecimen-module__hNBLDG__label-muted{font-size:var(--Typography-font-size-font-size-sm);color:var(--Colors-semantic-color-muted-foreground)}
.BadgeSpecimen-module__jXwYUW__badge{border-radius:var(--Border-radius-border-radius-full);font-size:var(--Typography-font-size-font-size-xs);font-weight:var(--Typography-font-weight-font-weight-medium);padding:var(--Spacing-scale-spacing-xs) var(--Spacing-scale-spacing-sm);letter-spacing:var(--Typography-letter-spacing-letter-spacing-wide);white-space:nowrap;align-items:center;display:inline-flex}
.CardSpecimen-module__wzpkda__card{border-radius:var(--Border-radius-border-radius-lg);padding:var(--Spacing-scale-spacing-lg);flex-shrink:0;width:200px}.CardSpecimen-module__wzpkda__card-default{background-color:var(--Colors-semantic-color-background);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);box-shadow:var(--Elevation-shadow-shadow-sm)}.CardSpecimen-module__wzpkda__card-muted{background-color:var(--Colors-semantic-color-muted);box-shadow:var(--Elevation-shadow-shadow-sm)}.CardSpecimen-module__wzpkda__card-primary{background-color:var(--color-primary-50);border:var(--Border-width-border-width-sm) solid var(--Colors-Primary-200);box-shadow:var(--Elevation-shadow-shadow-sm)}.CardSpecimen-module__wzpkda__card-secondary{background-color:var(--color-secondary-50);border:var(--Border-width-border-width-sm) solid var(--Colors-Secondary-200);box-shadow:var(--Elevation-shadow-shadow-sm)}.CardSpecimen-module__wzpkda__card-accent{background-color:var(--color-accent-50);border:var(--Border-width-border-width-sm) solid var(--Colors-Accent-200);box-shadow:var(--Elevation-shadow-shadow-sm)}.CardSpecimen-module__wzpkda__card-title{font-weight:var(--Typography-font-weight-font-weight-semibold);font-size:var(--Typography-font-size-font-size-base);margin:0}.CardSpecimen-module__wzpkda__card-title-default{color:var(--Colors-semantic-color-foreground)}.CardSpecimen-module__wzpkda__card-title-primary{color:var(--Colors-Primary-900)}.CardSpecimen-module__wzpkda__card-title-secondary{color:var(--Colors-Secondary-900)}.CardSpecimen-module__wzpkda__card-title-accent{color:var(--Colors-Accent-900)}.CardSpecimen-module__wzpkda__card-body{font-size:var(--Typography-font-size-font-size-sm);margin-top:var(--Spacing-scale-spacing-xs);margin-bottom:0}.CardSpecimen-module__wzpkda__card-body-default{color:var(--Colors-semantic-color-muted-foreground)}.CardSpecimen-module__wzpkda__card-body-primary{color:var(--Colors-Primary-700)}.CardSpecimen-module__wzpkda__card-body-secondary{color:var(--Colors-Secondary-700)}.CardSpecimen-module__wzpkda__card-body-accent{color:var(--Colors-Accent-700)}
.AlertSpecimen-module__sbLJVG__alert{border-radius:var(--Border-radius-border-radius-md);padding:var(--Spacing-scale-spacing-md);gap:var(--Spacing-scale-spacing-xs);flex-direction:column;display:flex}.AlertSpecimen-module__sbLJVG__alert-title{font-weight:var(--Typography-font-weight-font-weight-semibold);font-size:var(--Typography-font-size-font-size-sm);margin:0}.AlertSpecimen-module__sbLJVG__alert-body{font-size:var(--Typography-font-size-font-size-sm);line-height:var(--Typography-line-height-line-height-normal);margin:0}
.PreviewPanel-module__NtlU_W__scroll{width:100%;padding:var(--Spacing-scale-spacing-md);justify-content:center;display:flex;overflow-x:auto}.PreviewPanel-module__NtlU_W__frame{border-radius:var(--Border-radius-border-radius-lg);border:var(--Border-width-border-width-sm) solid var(--Colors-semantic-color-border);background:var(--Colors-semantic-color-background);flex-shrink:0;transition:all .3s;overflow:hidden;box-shadow:0 16px 32px #0f172a14}.PreviewPanel-module__NtlU_W__frame-inner{padding:var(--Spacing-scale-spacing-md)}
.DeviceSwitcher-module__NQxzQa__group{border:var(--Border-width-border-width-sm) solid #ffffffbf;background:#fff9;border-radius:9999px;align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.DeviceSwitcher-module__NQxzQa__button{height:28px;color:var(--Colors-semantic-color-muted-foreground);font-size:11px;font-weight:var(--Typography-font-weight-font-weight-medium);cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.DeviceSwitcher-module__NQxzQa__button-active{background:var(--Colors-Primary-500);color:#fff;box-shadow:0 6px 14px #0ea5e938}.DeviceSwitcher-module__NQxzQa__dpr-badge{font-size:9px;font-weight:var(--Typography-font-weight-font-weight-semibold);letter-spacing:.04em;color:inherit;opacity:.8;margin-left:4px}