.catalog-footer{justify-content:space-between;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)}.catalog-footer,.catalog-footer .catalog-footer-contacts{display:flex;align-items:center;flex-wrap:wrap;gap:var(--lib-spacing-md)}.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{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--lib-spacing-md)}.component-selector .component-selector-field{display:flex;flex-direction:column;flex:1 1 10rem;gap:var(--lib-spacing-xs)}.component-selector .component-selector-label{font-size:var(--lib-font-size-xs);color:var(--lib-color-muted)}.component-selector .component-selector-select{width:100%;background:var(--lib-color-surface);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{display:flex;flex-direction:column;gap:var(--lib-spacing-xs)}.resolution-selector .resolution-selector-label{font-size:var(--lib-font-size-xs);color:var(--lib-color-muted)}.resolution-selector .resolution-selector-select{width:100%;background:var(--lib-color-surface);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{display:flex;justify-content:center;align-items:center;flex-direction:column;height:auto;width:120px}.logo .logo-text{display:flex;gap:4px;text-transform:uppercase;font-weight:500;font-size:27px;font-family:var(--font-bebas-neue),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.logo .logo-text .logo-text-red{color:var(--lib-color-text)}.logo .logo-text .logo-text-alchemy{color:var(--lib-color-accent)}.logo.logo-compact{flex-direction:row;align-items:center;gap:var(--lib-spacing-xs);width:auto}.logo.logo-compact .logo-icon{width:calc(var(--lib-spacing-xl)*1.25);height:calc(var(--lib-spacing-xl)*1.25)}.logo.logo-compact .logo-text{gap:2px;font-size:var(--lib-font-size-lg)}.catalog-header{background:var(--lib-color-surface);border-bottom:1px solid var(--lib-color-border)}.catalog-header .catalog-header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--lib-spacing-md);padding:var(--lib-spacing-md) var(--lib-spacing-lg)}.catalog-header .catalog-header-fab{display:none;align-items:center;justify-content:center;background:var(--lib-color-accent);color:var(--lib-color-on-accent);border:none;box-shadow:var(--lib-glass-shadow);transition:transform .15s ease}.catalog-header .catalog-header-fab[data-open]{transform:rotate(45deg)}.catalog-header .catalog-header-fab .catalog-header-fab-icon{position:relative;width:1em;height:1em}.catalog-header .catalog-header-fab .catalog-header-fab-icon:after,.catalog-header .catalog-header-fab .catalog-header-fab-icon:before{content:"";position:absolute;top:50%;left:50%;background:currentColor;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{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--lib-spacing-lg);padding:0 var(--lib-spacing-lg) var(--lib-spacing-md)}@media(max-width:640px){.catalog-header .catalog-header-fab{display:flex;position:fixed;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}.catalog-header .catalog-header-backdrop{display:block;position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--lib-color-bg) 70%,transparent)}.catalog-header .catalog-header-controls{display:none;position:fixed;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;flex-direction:column;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))}.catalog-header .catalog-header-controls[data-open=true]{display:flex}}.preview-frame{width:100%;height:100%;display:flex;justify-content:center;background:var(--lib-color-bg);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:top left}.preview-frame .preview-frame-iframe{display:block;border:0}.variant-selector{display:flex;flex-direction:column;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)}.variant-selector .variant-selector-label{font-size:var(--lib-font-size-xs);color:var(--lib-color-muted)}.variant-selector .variant-selector-pills{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--lib-spacing-xs)}.variant-selector .variant-selector-pill{flex-shrink:0;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}.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)}