.infinite-viewport[data-v-c827c3b7]{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#f7f7f7;cursor:grab;font-family:Courier New,Courier,monospace;grid-column:root}.infinite-viewport[data-v-c827c3b7]:active{cursor:grabbing}.fixed-header[data-v-c827c3b7]{position:absolute;top:0;left:0;width:100%;padding:1.5rem 2rem;z-index:900;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;box-sizing:border-box}.nav-links[data-v-c827c3b7]{display:flex;gap:2rem;font-size:.8rem;font-weight:700;pointer-events:auto}.tagline[data-v-c827c3b7]{max-width:320px;font-size:.75rem;font-weight:700;text-transform:uppercase;text-align:right;line-height:1.2;pointer-events:auto}.controls-panel[data-v-c827c3b7]{bottom:calc(var(--spacing) * 4);right:calc(var(--spacing) * 4);position:absolute;z-index:999;background-color:color-mix(in srgb,var(--colors-stone-200) var(--un-bg-opacity),transparent);--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));width:100%;max-width:var(--container-xs);pointer-events:auto}@supports (color: color-mix(in lab,red,red)){.controls-panel[data-v-c827c3b7]{background-color:color-mix(in oklab,var(--colors-stone-200) var(--un-bg-opacity),transparent)}}@property --un-backdrop-blur{syntax:"*";inherits:false;}@property --un-backdrop-brightness{syntax:"*";inherits:false;}@property --un-backdrop-contrast{syntax:"*";inherits:false;}@property --un-backdrop-grayscale{syntax:"*";inherits:false;}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --un-backdrop-invert{syntax:"*";inherits:false;}@property --un-backdrop-opacity{syntax:"*";inherits:false;}@property --un-backdrop-saturate{syntax:"*";inherits:false;}@property --un-backdrop-sepia{syntax:"*";inherits:false;}.controls-header[data-v-c827c3b7]{cursor:pointer;color:color-mix(in srgb,var(--colors-stone-100) var(--un-text-opacity),transparent);background-color:color-mix(in srgb,var(--colors-stone-800) var(--un-bg-opacity),transparent);font-family:var(--font-mono);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);display:flex;gap:calc(var(--spacing) * 2);align-items:center;justify-content:space-between;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.controls-header[data-v-c827c3b7]{color:color-mix(in oklab,var(--colors-stone-100) var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--colors-stone-800) var(--un-bg-opacity),transparent)}}.toggle-btn[data-v-c827c3b7]{background:none;border:none;color:#fff;font-weight:700;font-size:1rem;cursor:pointer}.controls-body[data-v-c827c3b7]{padding:1rem;display:flex;flex-direction:column;gap:.85rem;border-width:1px;border-color:color-mix(in srgb,var(--colors-stone-400) var(--un-border-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.controls-body[data-v-c827c3b7]{border-color:color-mix(in oklab,var(--colors-stone-400) var(--un-border-opacity),transparent)}}.control-group[data-v-c827c3b7]{display:flex;flex-direction:column;gap:.25rem}.control-group label[data-v-c827c3b7]{display:flex;justify-content:space-between;color:#333}.control-group input[type=range][data-v-c827c3b7]{width:100%;cursor:pointer}.regen-btn[data-v-c827c3b7]{margin-top:.5rem;padding:.6rem;background:#111;color:#fff;border:none;font-size:.7rem;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));font-family:var(--font-mono)}.regen-btn[data-v-c827c3b7]:hover{background:#333}.infinite-canvas[data-v-c827c3b7]{position:absolute;top:0;left:0;will-change:transform}.grid-block[data-v-c827c3b7]{position:absolute}.cms-item[data-v-c827c3b7]{position:absolute;display:flex;flex-direction:column;gap:.5rem;transition:transform .25 ease,box-shadow .25s ease}.cms-item[data-v-c827c3b7]:hover{z-index:9999!important;transform:scale(1.1);transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.3s;transition-duration:.3s}.cms-item img[data-v-c827c3b7]{width:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:all .5s ease;border-width:1px;border-color:color-mix(in srgb,var(--colors-neutral-300) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-stone-200) var(--un-bg-opacity),transparent)}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.cms-item img[data-v-c827c3b7]{border-color:color-mix(in oklab,var(--colors-neutral-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-stone-200) var(--un-bg-opacity),transparent)}}.caption[data-v-c827c3b7]{font-size:.7rem;line-height:1.35;color:#111;padding:2px 4px}.caption h4[data-v-c827c3b7]{margin:0 0 .2rem;font-weight:700;font-size:.75rem}.caption p[data-v-c827c3b7]{margin:0;color:#333}body:has([data-page-pathname="/playground"]) nav:has([data-switch]){position:relative;z-index:9999}@media(min-width:40rem){body:has([data-page-pathname="/playground"]) nav:has([data-switch]){padding-top:calc(var(--spacing) * 4)}}@media(min-width:40rem){body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-switch]{display:none}}body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-switch] ul{outline-color:color-mix(in srgb,var(--colors-neutral-300) var(--un-outline-opacity),transparent);background-color:color-mix(in srgb,var(--colors-stone-50) var(--un-bg-opacity),transparent);--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-ring-opacity), transparent) }@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-switch] ul{outline-color:color-mix(in oklab,var(--colors-neutral-300) var(--un-outline-opacity),transparent);background-color:color-mix(in oklab,var(--colors-stone-50) var(--un-bg-opacity),transparent);--un-ring-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-ring-opacity), transparent) }}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-navigation-header]{display:none}body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-navigation-header] p{background-color:color-mix(in srgb,var(--colors-neutral-100) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-navigation-header] p{background-color:color-mix(in oklab,var(--colors-neutral-100) var(--un-bg-opacity),transparent)}}body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-menu]{padding:calc(var(--spacing) * 3);background-color:color-mix(in srgb,var(--colors-stone-200) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-menu]{background-color:color-mix(in oklab,var(--colors-stone-200) var(--un-bg-opacity),transparent)}}body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-menu] a:hover{background-color:color-mix(in srgb,var(--colors-neutral-200) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){body:has([data-page-pathname="/playground"]) nav:has([data-switch]) [data-menu] a:hover{background-color:color-mix(in oklab,var(--colors-neutral-200) var(--un-bg-opacity),transparent)}}