.catalog-footer{justify-content:space-between;align-items:center;gap:var(--lib-spacing-md);padding:var(--lib-spacing-sm) var(--lib-spacing-lg);background:var(--lib-color-surface);border-top:1px solid var(--lib-color-border);font-size:var(--lib-font-size-sm);color:var(--lib-color-muted);flex-wrap:wrap;display:flex}.catalog-footer .catalog-footer-contacts{align-items:center;gap:var(--lib-spacing-md);flex-wrap:wrap;display:flex}.catalog-footer .catalog-footer-link,.catalog-footer .catalog-footer-site{color:inherit;text-decoration:none}.catalog-footer .catalog-footer-link:hover,.catalog-footer .catalog-footer-site:hover{color:var(--lib-color-text)}.catalog-footer .catalog-footer-site{color:var(--lib-color-accent);font-weight:600}
.component-selector{align-items:flex-end;gap:var(--lib-spacing-md);flex-wrap:wrap;display:flex}.component-selector .component-selector-field{gap:var(--lib-spacing-xs);flex-direction:column;flex:10rem;display:flex}.component-selector .component-selector-label{font-size:var(--lib-font-size-xs);color:var(--lib-color-muted)}.component-selector .component-selector-select{background:var(--lib-color-surface);width:100%;color:var(--lib-color-text);border:1px solid var(--lib-color-border);border-radius:var(--lib-radius-xs);padding:var(--lib-spacing-xs) var(--lib-spacing-sm);font-size:var(--lib-font-size-sm);min-width:10rem}@media (max-width:640px){.component-selector .component-selector-field{flex-basis:100%}}
.resolution-selector{gap:var(--lib-spacing-xs);flex-direction:column;display:flex}.resolution-selector .resolution-selector-label{font-size:var(--lib-font-size-xs);color:var(--lib-color-muted)}.resolution-selector .resolution-selector-select{background:var(--lib-color-surface);width:100%;color:var(--lib-color-text);border:1px solid var(--lib-color-border);border-radius:var(--lib-radius-xs);padding:var(--lib-spacing-xs) var(--lib-spacing-sm);font-size:var(--lib-font-size-sm);min-width:10rem}
.motion-selector{gap:var(--lib-spacing-xs);flex-direction:column;display:flex}.motion-selector .motion-selector-label{font-size:var(--lib-font-size-xs);color:var(--lib-color-muted)}.motion-selector .motion-selector-select{background:var(--lib-color-surface);width:100%;color:var(--lib-color-text);border:1px solid var(--lib-color-border);border-radius:var(--lib-radius-xs);padding:var(--lib-spacing-xs) var(--lib-spacing-sm);font-size:var(--lib-font-size-sm);min-width:10rem}
.logo{--logo-size:7.5rem;height:auto;width:var(--logo-size);flex-direction:column;justify-content:center;align-items:center;display:flex}.logo .logo-icon{width:var(--logo-size);height:var(--logo-size);display:block}.logo .logo-text{text-transform:uppercase;font-weight:400;line-height:1;font-family:var(--font-bebas-neue),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:calc(var(--logo-size)*.235);margin:0;margin-top:calc(var(--logo-size)*.074);gap:.12em;display:flex}.logo .logo-text .logo-text-red{color:var(--lib-color-text)}.logo .logo-text .logo-text-alchemy{color:var(--lib-color-brand)}.logo.logo-compact{--logo-size:2.5rem;align-items:center;gap:calc(var(--logo-size)*.184);flex-direction:row;width:auto}.logo.logo-compact .logo-text{font-size:calc(var(--logo-size)*.76);margin-top:0}
.catalog-header{background:var(--lib-color-surface);border-bottom:1px solid var(--lib-color-border)}.catalog-header .catalog-header-bar{justify-content:space-between;align-items:center;gap:var(--lib-spacing-md);padding:var(--lib-spacing-md) var(--lib-spacing-lg);display:flex}.catalog-header .catalog-header-fab{background:var(--lib-color-accent);color:var(--lib-color-on-accent);box-shadow:var(--lib-glass-shadow);border:none;justify-content:center;align-items:center;transition:transform .15s;display:none}.catalog-header .catalog-header-fab[data-open]{transform:rotate(45deg)}.catalog-header .catalog-header-fab .catalog-header-fab-icon{width:1em;height:1em;position:relative}.catalog-header .catalog-header-fab .catalog-header-fab-icon:before,.catalog-header .catalog-header-fab .catalog-header-fab-icon:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catalog-header .catalog-header-fab .catalog-header-fab-icon:before{width:100%;height:2px}.catalog-header .catalog-header-fab .catalog-header-fab-icon:after{width:2px;height:100%}.catalog-header .catalog-header-backdrop{display:none}.catalog-header .catalog-header-controls{align-items:flex-end;gap:var(--lib-spacing-lg);padding:0 var(--lib-spacing-lg) var(--lib-spacing-md);flex-wrap:wrap;display:flex}@media (max-width:640px){.catalog-header .catalog-header-fab{right:calc(var(--lib-spacing-lg) + env(safe-area-inset-right,0px));bottom:calc(var(--lib-spacing-lg) + env(safe-area-inset-bottom,0px));width:calc(var(--lib-spacing-xl)*1.75);height:calc(var(--lib-spacing-xl)*1.75);border-radius:var(--lib-radius-pill);z-index:102;display:flex;position:fixed}.catalog-header .catalog-header-backdrop{z-index:100;background:color-mix(in srgb, var(--lib-color-bg) 70%, transparent);display:block;position:fixed;inset:0}.catalog-header .catalog-header-controls{right:calc(var(--lib-spacing-lg) + env(safe-area-inset-right,0px));bottom:calc(var(--lib-spacing-xl)*2.5 + env(safe-area-inset-bottom,0px));z-index:101;align-items:stretch;gap:var(--lib-spacing-md);width:calc(100vw - var(--lib-spacing-lg)*2);max-width:320px;padding:var(--lib-spacing-md);border-radius:var(--lib-radius-lg);background:var(--lib-glass-surface);border:1px solid var(--lib-glass-border);box-shadow:var(--lib-glass-shadow);-webkit-backdrop-filter:blur(var(--lib-glass-blur));backdrop-filter:blur(var(--lib-glass-blur));flex-direction:column;display:none;position:fixed}.catalog-header .catalog-header-controls[data-open=true]{display:flex}}
.preview-frame{background:var(--lib-color-bg);justify-content:center;width:100%;height:100%;display:flex;overflow:auto}.preview-frame .preview-frame-viewport{width:var(--preview-width);height:var(--preview-height);flex-shrink:0;overflow:hidden}.preview-frame .preview-frame-scale{width:var(--preview-natural-width);height:var(--preview-natural-height);transform:scale(var(--preview-scale,1));transform-origin:0 0}.preview-frame .preview-frame-iframe{border:0;display:block}
.variant-selector{gap:var(--lib-spacing-xs);background:var(--lib-color-surface);border-top:1px solid var(--lib-color-border);border-bottom:1px solid var(--lib-color-border);padding:var(--lib-spacing-sm) var(--lib-spacing-lg);flex-direction:column;display:flex}.variant-selector .variant-selector-label{font-size:var(--lib-font-size-xs);color:var(--lib-color-muted)}.variant-selector .variant-selector-pills{gap:var(--lib-spacing-xs);flex-wrap:nowrap;display:flex;overflow-x:auto}.variant-selector .variant-selector-pill{white-space:nowrap;background:var(--lib-color-surface);color:var(--lib-color-text);border:1px solid var(--lib-color-border);border-radius:var(--lib-radius-pill);padding:var(--lib-spacing-xs) var(--lib-spacing-md);font-size:var(--lib-font-size-sm);cursor:pointer;flex-shrink:0}.variant-selector .variant-selector-pill.variant-selector-pill--active{background:var(--lib-color-accent);color:var(--lib-color-on-accent);border-color:var(--lib-color-accent)}