*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--designlibre-bg-primary: #1e1e1e;--designlibre-bg-secondary: #2d2d2d;--designlibre-bg-tertiary: #252525;--designlibre-bg-canvas: #0a0a0a;--designlibre-border: #3d3d3d;--designlibre-border-light: #4a4a4a;--designlibre-text-primary: #e4e4e4;--designlibre-text-secondary: #a0a0a0;--designlibre-text-muted: #6a6a6a;--designlibre-accent: #4dabff;--designlibre-accent-hover: #6bbaff;--designlibre-accent-light: #1a3a5c;--designlibre-success: #4caf50;--designlibre-warning: #ff9800;--designlibre-error: #f44336;--designlibre-shadow: 0 4px 12px rgba(0, 0, 0, .4);--designlibre-shadow-light: 0 2px 8px rgba(0, 0, 0, .3);--designlibre-radius: 8px;--designlibre-radius-sm: 4px;--designlibre-transition: .15s ease;--designlibre-text-scale: 1;--designlibre-sidebar-font-size: calc(23px * var(--designlibre-text-scale));--designlibre-sidebar-font-size-sm: calc(22px * var(--designlibre-text-scale));--designlibre-sidebar-font-size-xs: calc(20px * var(--designlibre-text-scale));--designlibre-sidebar-font-size-lg: calc(25px * var(--designlibre-text-scale))}.designlibre-left-sidebar,.designlibre-inspector-panel,.designlibre-ai-panel,.designlibre-right-sidebar-container{font-size:var(--designlibre-sidebar-font-size)}:root.light-theme,html.light-theme{--designlibre-bg-primary: #ffffff;--designlibre-bg-secondary: #f5f5f5;--designlibre-bg-tertiary: #fafafa;--designlibre-bg-canvas: #e8e8e8;--designlibre-border: #e0e0e0;--designlibre-border-light: #d0d0d0;--designlibre-text-primary: #1a1a1a;--designlibre-text-secondary: #666666;--designlibre-text-muted: #999999;--designlibre-accent: #0066ff;--designlibre-accent-hover: #0052cc;--designlibre-accent-light: #e6f0ff;--designlibre-success: #2e7d32;--designlibre-warning: #ed6c02;--designlibre-error: #d32f2f;--designlibre-shadow: 0 2px 8px rgba(0, 0, 0, .1);--designlibre-shadow-light: 0 1px 4px rgba(0, 0, 0, .08)}:root.dark-theme,html.dark-theme{--designlibre-bg-primary: #1e1e1e;--designlibre-bg-secondary: #2d2d2d;--designlibre-bg-tertiary: #252525;--designlibre-bg-canvas: #0a0a0a;--designlibre-border: #3d3d3d;--designlibre-border-light: #4a4a4a;--designlibre-text-primary: #e4e4e4;--designlibre-text-secondary: #a0a0a0;--designlibre-text-muted: #6a6a6a;--designlibre-accent: #4dabff;--designlibre-accent-hover: #6bbaff;--designlibre-accent-light: #1a3a5c;--designlibre-success: #4caf50;--designlibre-warning: #ff9800;--designlibre-error: #f44336;--designlibre-shadow: 0 4px 12px rgba(0, 0, 0, .4);--designlibre-shadow-light: 0 2px 8px rgba(0, 0, 0, .3)}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5;color:var(--designlibre-text-primary);background:var(--designlibre-bg-secondary)}#app{width:100%;height:100%;display:flex;flex-direction:column}.designlibre-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--designlibre-bg-primary);border-bottom:1px solid var(--designlibre-border)}.designlibre-header-left,.designlibre-header-center,.designlibre-header-right{display:flex;align-items:center;gap:8px}.designlibre-header-center{flex:1;justify-content:center}.designlibre-logo{font-weight:600;font-size:16px;color:var(--designlibre-accent)}.designlibre-document-title{font-weight:500;font-size:14px}.designlibre-main{flex:1;display:flex;position:relative;overflow:hidden}.designlibre-canvas-container{flex:1;position:relative;background:var(--designlibre-bg-canvas);overflow:hidden}.designlibre-canvas-container canvas{display:block}.designlibre-panel{background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius);box-shadow:var(--designlibre-shadow)}.designlibre-panel-header{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;border-bottom:1px solid var(--designlibre-border);font-weight:500;font-size:12px;text-transform:uppercase;color:var(--designlibre-text-secondary)}.designlibre-panel-content{padding:12px}.designlibre-sidebar{width:240px;background:var(--designlibre-bg-primary);border-left:1px solid var(--designlibre-border);display:flex;flex-direction:column}.designlibre-left-sidebar{order:0;flex-shrink:0;z-index:10}.designlibre-inspector-panel{order:2;flex-shrink:0;z-index:10}.designlibre-sidebar-section{padding:12px;border-bottom:1px solid var(--designlibre-border)}.designlibre-sidebar-section-header{font-weight:500;font-size:12px;text-transform:uppercase;color:var(--designlibre-text-secondary);margin-bottom:8px}.designlibre-toolbar{display:flex;background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius);padding:4px;gap:2px;box-shadow:var(--designlibre-shadow)}.designlibre-toolbar-button,.designlibre-toolbar-action{width:36px;height:36px;border:none;border-radius:var(--designlibre-radius-sm);background:transparent;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color var(--designlibre-transition);color:var(--designlibre-text-primary)}.designlibre-toolbar-button:hover,.designlibre-toolbar-action:hover{background:var(--designlibre-bg-secondary)}.designlibre-toolbar-button.active{background:var(--designlibre-accent-light);color:var(--designlibre-accent)}.designlibre-toolbar-separator{width:1px;background:var(--designlibre-border);margin:4px}.designlibre-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius-sm);background:var(--designlibre-bg-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--designlibre-transition)}.designlibre-button:hover{background:var(--designlibre-bg-secondary)}.designlibre-button-primary{background:var(--designlibre-accent);border-color:var(--designlibre-accent);color:#fff}.designlibre-button-primary:hover{background:#0052cc;border-color:#0052cc}.designlibre-input{height:32px;padding:0 10px;border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius-sm);background:var(--designlibre-bg-primary);font-size:13px;color:var(--designlibre-text-primary);outline:none;transition:border-color var(--designlibre-transition)}.designlibre-input:focus{border-color:var(--designlibre-accent)}.designlibre-input-label{display:block;font-size:12px;font-weight:500;color:var(--designlibre-text-secondary);margin-bottom:4px}.designlibre-color-swatch{width:24px;height:24px;border-radius:var(--designlibre-radius-sm);border:1px solid var(--designlibre-border);cursor:pointer}.designlibre-layer-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--designlibre-radius-sm);cursor:pointer;transition:background-color var(--designlibre-transition)}.designlibre-layer-item:hover{background:var(--designlibre-bg-secondary)}.designlibre-layer-item.selected{background:var(--designlibre-accent-light)}.designlibre-layer-icon{width:16px;height:16px;opacity:.6}.designlibre-layer-name{flex:1;font-size:var(--designlibre-sidebar-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designlibre-status-bar{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 12px;background:var(--designlibre-bg-primary);border-top:1px solid var(--designlibre-border);font-size:11px;color:var(--designlibre-text-secondary)}.designlibre-context-menu{position:fixed;min-width:180px;background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius);box-shadow:var(--designlibre-shadow);padding:4px;z-index:1000}.designlibre-context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--designlibre-radius-sm);cursor:pointer;font-size:13px;transition:background-color var(--designlibre-transition)}.designlibre-context-menu-item:hover{background:var(--designlibre-bg-secondary)}.designlibre-context-menu-shortcut{font-size:11px;color:var(--designlibre-text-secondary)}.designlibre-context-menu-separator{height:1px;background:var(--designlibre-border);margin:4px 0}.designlibre-tooltip{position:fixed;padding:6px 10px;background:var(--designlibre-text-primary);color:var(--designlibre-bg-primary);border-radius:var(--designlibre-radius-sm);font-size:12px;pointer-events:none;z-index:1001;animation:designlibre-tooltip-fade-in .15s ease}@keyframes designlibre-tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.designlibre-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.designlibre-loading-spinner{width:32px;height:32px;border:3px solid var(--designlibre-border);border-top-color:var(--designlibre-accent);border-radius:50%;animation:designlibre-spin .8s linear infinite}@keyframes designlibre-spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--designlibre-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--designlibre-text-secondary)}.designlibre-inspector-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.designlibre-inspector-section{margin-bottom:16px}.designlibre-inspector-row{transition:background-color var(--designlibre-transition)}.designlibre-inspector-row:hover{background:var(--designlibre-bg-secondary)}.designlibre-code-panel pre{margin:0}.designlibre-code-tab{transition:all var(--designlibre-transition)}.designlibre-code-tab:hover{background:var(--designlibre-bg-secondary)}.designlibre-tokens-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.designlibre-token-item{transition:background-color var(--designlibre-transition)}.designlibre-token-item:hover{background:var(--designlibre-accent-light)}.designlibre-copy-button{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--designlibre-bg-secondary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius-sm);font-size:11px;cursor:pointer;transition:all var(--designlibre-transition)}.designlibre-copy-button:hover{background:var(--designlibre-accent-light);border-color:var(--designlibre-accent)}.designlibre-measurement-line{stroke:#f0f;stroke-dasharray:4 4}.designlibre-measurement-label{fill:#fff;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.designlibre-annotation-marker{cursor:pointer;transition:transform var(--designlibre-transition)}.designlibre-annotation-marker:hover{transform:scale(1.1)}.designlibre-panel-tabs{display:flex;border-bottom:1px solid var(--designlibre-border)}.designlibre-panel-tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;color:var(--designlibre-text-secondary);transition:all var(--designlibre-transition)}.designlibre-panel-tab:hover{background:var(--designlibre-bg-secondary)}.designlibre-panel-tab.active{border-bottom-color:var(--designlibre-accent);color:var(--designlibre-accent);font-weight:600}.designlibre-color-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.designlibre-color-swatch-item{width:24px;height:24px;border-radius:4px;border:1px solid var(--designlibre-border);cursor:pointer;transition:transform var(--designlibre-transition)}.designlibre-color-swatch-item:hover{transform:scale(1.1)}.designlibre-property-label{font-size:11px;color:var(--designlibre-text-secondary);text-transform:uppercase;letter-spacing:.5px}.designlibre-property-value{font-family:SF Mono,Monaco,Fira Code,Consolas,monospace;font-size:12px}.designlibre-code-keyword{color:#af00db}.designlibre-code-string{color:#a31515}.designlibre-code-number{color:#098658}.designlibre-code-comment{color:#6a737d;font-style:italic}.designlibre-code-type{color:#267f99}.designlibre-code-property{color:#9932cc}.view-switcher{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;background:var(--designlibre-bg-canvas);order:1}.view-switcher-toolbar{display:flex;align-items:center;justify-content:center;height:40px;background:var(--designlibre-bg-primary);border-bottom:1px solid var(--designlibre-border);padding:0 12px;flex-shrink:0}.view-switcher-tabs{display:flex;gap:2px;background:var(--designlibre-bg-secondary);border-radius:var(--designlibre-radius);padding:3px}.view-switcher-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:var(--designlibre-radius-sm);font-size:12px;font-weight:500;color:var(--designlibre-text-secondary);cursor:pointer;transition:all var(--designlibre-transition)}.view-switcher-tab:hover{color:var(--designlibre-text-primary);background:var(--designlibre-bg-tertiary)}.view-switcher-tab.active{color:var(--designlibre-accent);background:var(--designlibre-bg-primary);box-shadow:var(--designlibre-shadow-light)}.view-switcher-tab svg{opacity:.7}.view-switcher-tab.active svg{opacity:1}.view-switcher-content{display:flex;flex:1;overflow:hidden}.view-switcher-design,.view-switcher-code,.view-switcher-preview{overflow:hidden;transition:width .05s ease}.view-switcher-design{display:flex;flex-direction:column;position:relative}.view-switcher-design .designlibre-canvas-container{flex:1;position:relative}.view-switcher-divider{display:none;width:8px;background:var(--designlibre-bg-primary);border-left:1px solid var(--designlibre-border);border-right:1px solid var(--designlibre-border);cursor:col-resize;flex-shrink:0;align-items:center;justify-content:center;transition:background-color var(--designlibre-transition)}.view-switcher-divider:hover{background:var(--designlibre-accent-light)}.view-switcher-divider-handle{width:4px;height:40px;background:var(--designlibre-border);border-radius:2px;transition:background-color var(--designlibre-transition)}.view-switcher-divider:hover .view-switcher-divider-handle{background:var(--designlibre-accent)}.view-switcher.dragging .view-switcher-divider{background:var(--designlibre-accent-light)}.view-switcher.dragging{user-select:none}.code-view{display:flex;flex-direction:column;width:100%;height:100%;background:var(--designlibre-bg-primary)}.code-view-header{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;background:var(--designlibre-bg-secondary);border-bottom:1px solid var(--designlibre-border);flex-shrink:0}.code-view-title{font-size:12px;font-weight:600;color:var(--designlibre-text-secondary);text-transform:uppercase;letter-spacing:.5px}.code-view-language{flex:1;max-width:200px;height:28px;padding:0 8px;background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius-sm);font-size:12px;color:var(--designlibre-text-primary);cursor:pointer;outline:none}.code-view-language:focus{border-color:var(--designlibre-accent)}.code-view-copy{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius-sm);color:var(--designlibre-text-secondary);cursor:pointer;transition:all var(--designlibre-transition)}.code-view-copy:hover{background:var(--designlibre-accent-light);border-color:var(--designlibre-accent);color:var(--designlibre-accent)}.code-view-copy.copied{background:var(--designlibre-success);border-color:var(--designlibre-success);color:#fff}.code-view-content{flex:1;margin:0;padding:16px;overflow:auto;background:var(--designlibre-bg-primary);font-family:SF Mono,Monaco,Fira Code,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;tab-size:2;white-space:pre-wrap;word-break:break-word}.code-view-content code{display:block;color:var(--designlibre-text-primary)}.code-view-body{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.code-view-textarea{display:none;width:100%;height:100%;padding:16px;background:var(--designlibre-bg-primary);color:var(--designlibre-text-primary);font-family:SF Mono,Monaco,Fira Code,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;border:none;resize:none;outline:none;tab-size:2;white-space:pre-wrap;word-break:break-word}.code-view-textarea:focus{box-shadow:inset 0 0 0 2px var(--designlibre-accent)}.code-view-textarea::placeholder{color:var(--designlibre-text-muted)}.code-view.editable .code-view-header{background:var(--designlibre-bg-tertiary);border-bottom-color:var(--designlibre-accent)}.code-view.editable .code-view-title:after{content:" (Editable)";font-weight:400;color:var(--designlibre-accent)}.code-view-import{display:none;align-items:center;justify-content:center;width:32px;height:28px;background:var(--designlibre-accent);border:1px solid var(--designlibre-accent);border-radius:var(--designlibre-radius-sm);color:#fff;cursor:pointer;transition:all var(--designlibre-transition)}.code-view-import:hover{background:var(--designlibre-accent-hover);border-color:var(--designlibre-accent-hover)}.code-view-import:active{transform:scale(.95)}.code-view-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 20px;background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius);box-shadow:var(--designlibre-shadow);font-size:13px;color:var(--designlibre-text-primary);opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:10000;pointer-events:none}.code-view-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.code-view-toast-success{border-color:var(--designlibre-success);background:color-mix(in srgb,var(--designlibre-success) 15%,var(--designlibre-bg-primary))}.code-view-toast-warning{border-color:var(--designlibre-warning);background:color-mix(in srgb,var(--designlibre-warning) 15%,var(--designlibre-bg-primary))}.code-view-toast-error{border-color:var(--designlibre-error);background:color-mix(in srgb,var(--designlibre-error) 15%,var(--designlibre-bg-primary))}.code-view-content .language-tsx,.code-view-content .language-typescript,.code-view-content .language-swift,.code-view-content .language-kotlin{color:var(--designlibre-text-primary)}.designlibre-right-sidebar-container{display:flex;flex-direction:row;height:100%;flex-shrink:0;order:2}.designlibre-inspector-wrapper{display:flex;flex-direction:row;height:100%;position:relative}.designlibre-inspector-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.designlibre-inspector-collapse-btn{flex-shrink:0}.designlibre-inspector-collapse-btn:focus{outline:none}.designlibre-inspector-collapse-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--designlibre-accent)}.designlibre-inspector-main{overflow:hidden}.designlibre-ai-panel-wrapper{background:var(--designlibre-bg-primary)}.designlibre-ai-panel-close-bar{flex-shrink:0}.designlibre-ai-toggle-btn{z-index:101}.designlibre-ai-toggle-btn:focus{outline:none}.designlibre-ai-toggle-btn:focus-visible{box-shadow:0 0 0 2px var(--designlibre-accent)}.designlibre-ai-panel-content{overflow:hidden}.designlibre-ai-panel-content .designlibre-ai-panel{position:relative;width:100%;height:100%;border-left:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.menu-bar{display:flex;flex-direction:column;background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius);box-shadow:var(--designlibre-shadow);padding:4px;min-width:200px;z-index:1000}.menu-bar-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;border-radius:var(--designlibre-radius-sm);font-size:13px;font-weight:500;color:var(--designlibre-text-primary);cursor:pointer;text-align:left;transition:background-color var(--designlibre-transition)}.menu-bar-item:hover{background:var(--designlibre-bg-secondary)}.menu-bar-item.active{background:var(--designlibre-accent-light);color:var(--designlibre-accent)}.menu-dropdown{position:fixed;min-width:220px;max-width:320px;background:var(--designlibre-bg-primary);border:1px solid var(--designlibre-border);border-radius:var(--designlibre-radius);box-shadow:var(--designlibre-shadow);padding:4px;z-index:1001;outline:none}.menu-item{display:flex;align-items:center;padding:6px 8px;border-radius:var(--designlibre-radius-sm);font-size:13px;color:var(--designlibre-text-primary);cursor:pointer;transition:background-color var(--designlibre-transition);user-select:none}.menu-item:hover,.menu-item.focused{background:var(--designlibre-bg-secondary)}.menu-item.disabled{color:var(--designlibre-text-muted);cursor:default;pointer-events:none}.menu-item-indicator{width:16px;text-align:center;color:var(--designlibre-accent);font-size:12px;flex-shrink:0}.menu-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}.menu-item-icon svg{width:14px;height:14px;color:var(--designlibre-text-secondary)}.menu-item-icon-spacer{width:0;margin-right:0}.menu-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-accelerator{margin-left:24px;font-size:11px;color:var(--designlibre-text-muted);flex-shrink:0}.menu-item-chevron{margin-left:8px;font-size:10px;color:var(--designlibre-text-secondary);flex-shrink:0}.menu-separator{height:1px;background:var(--designlibre-border);margin:4px 8px}.menu-dropdown .menu-dropdown{margin-left:4px}.designlibre-rulers-corner{position:absolute;top:0;left:0;width:20px;height:20px;background:var(--designlibre-bg-secondary);border-right:1px solid var(--designlibre-border);border-bottom:1px solid var(--designlibre-border);z-index:100;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--designlibre-text-muted);user-select:none}.designlibre-ruler-horizontal{position:absolute;top:0;left:20px;right:0;height:20px;z-index:99;pointer-events:none}.designlibre-ruler-vertical{position:absolute;top:20px;left:0;bottom:0;width:20px;z-index:99;pointer-events:none}.canvas-container.with-rulers>canvas{position:absolute!important;top:20px!important;left:20px!important}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.block{display:block}.hidden{display:none}.h-1,.h1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.flex{display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.border-error{--un-border-opacity:1;border-color:rgb(244 67 54 / var(--un-border-opacity))}.border-success{--un-border-opacity:1;border-color:rgb(76 175 80 / var(--un-border-opacity))}.border-warning{--un-border-opacity:1;border-color:rgb(255 152 0 / var(--un-border-opacity))}.bg-error{--un-bg-opacity:1;background-color:rgb(244 67 54 / var(--un-bg-opacity))}.bg-success{--un-bg-opacity:1;background-color:rgb(76 175 80 / var(--un-bg-opacity))}.bg-warning{--un-bg-opacity:1;background-color:rgb(255 152 0 / var(--un-bg-opacity))}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.text-error{--un-text-opacity:1;color:rgb(244 67 54 / var(--un-text-opacity))}.text-success{--un-text-opacity:1;color:rgb(76 175 80 / var(--un-text-opacity))}.text-warning{--un-text-opacity:1;color:rgb(255 152 0 / var(--un-text-opacity))}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}