*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:before,:after{--un-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,:before,:after,::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 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--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: }.i-lucide-align-center{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 12H7m12 6H5M21 6H3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-align-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 12H3m14 6H3M21 6H3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-align-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12H9m12 6H7M21 6H3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-align-vertical-justify-center{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='6' x='5' y='16' rx='2'/%3E%3Crect width='10' height='6' x='7' y='2' rx='2'/%3E%3Cpath d='M2 12h20'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-align-vertical-justify-end{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='6' x='5' y='12' rx='2'/%3E%3Crect width='10' height='6' x='7' y='2' rx='2'/%3E%3Cpath d='M2 22h20'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-align-vertical-justify-start{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='6' x='5' y='16' rx='2'/%3E%3Crect width='10' height='6' x='7' y='6' rx='2'/%3E%3Cpath d='M2 2h20'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-arrow-down-to-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17V3m-6 8l6 6l6-6m1 10H5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-arrow-up-from-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 9l-6-6l-6 6m6-6v14m-7 4h14'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-box{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7l8.7 5l8.7-5M12 22V12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-bring-to-front{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='8' x='8' y='8' rx='2'/%3E%3Cpath d='M4 10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2m4 16a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-check-square{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-clipboard-paste{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 14h10M16 4h2a2 2 0 0 1 2 2v1.344M17 18l4-4l-4-4'/%3E%3Cpath d='M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113'/%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-copy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-copy-plus{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 12v6m-3-3h6'/%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-eraser{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21m-7.752-9.91l8.828 8.828'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-eye{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-eye-off{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-file-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5m-8 10v-6m-3 3l3 3l3-3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-grid-2x2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v18m-9-9h18'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-image{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-image-off{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m2 2l20 20M10.41 10.41a2 2 0 1 1-2.83-2.83m5.92 5.92L6 21m12-9l3 3'/%3E%3Cpath d='M3.59 3.59A2 2 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59M21 15V5a2 2 0 0 0-2-2H9'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-italic{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 4h-9m4 16H5M15 4L9 20'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-locate-fixed{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 12h3m14 0h3M12 2v3m0 14v3'/%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-lock{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-lock-open{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-minimize-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-mouse-pointer-click{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 4.1L12 6M5.1 8l-2.9-.8M6 12l-1.9 2M7.2 2.2L8 5.1m1.037 4.59a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-panel-top{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-printer{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-rectangle-horizontal{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='20' height='12' x='2' y='6' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' rx='2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-rectangle-vertical{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='12' height='20' x='6' y='2' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' rx='2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-redo-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 14l5-5l-5-5'/%3E%3Cpath d='M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-rotate-ccw{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-ruler{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Zm-6.8-2.8l2-2m-5-1l2-2m-5-1l2-2m7 11l2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-save{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7M7 3v4a1 1 0 0 0 1 1h7'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-send{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-send-to-back{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='8' x='14' y='14' rx='2'/%3E%3Crect width='8' height='8' x='2' y='2' rx='2'/%3E%3Cpath d='M7 14v1a2 2 0 0 0 2 2h1m4-10h1a2 2 0 0 1 2 2v1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-shield-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-square{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='18' height='18' x='3' y='3' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' rx='2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-square-dashed{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 3a2 2 0 0 0-2 2m16-2a2 2 0 0 1 2 2m0 14a2 2 0 0 1-2 2M5 21a2 2 0 0 1-2-2M9 3h1M9 21h1m4-18h1m-1 18h1M3 9v1m18-1v1M3 14v1m18-1v1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-trash-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-triangle-alert{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-underline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 4v6a6 6 0 0 0 12 0V4M4 20h16'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-undo-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-x{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-zoom-in{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21l-4.35-4.35M11 8v6m-3-3h6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-lucide-zoom-out{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.05em' height='1.05em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21l-4.35-4.35M8 11h6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1.05em;height:1.05em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.pcd-button:disabled,.pcd-button-primary:disabled,.pcd-icon-button:disabled{pointer-events:none;opacity:.4}.pcd-button{border-width:1px;border-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:30px;padding-left:10px;padding-right:10px;font-size:12px;display:inline-flex}.pcd-button-primary{background-color:var(--pcd-color-primary);--un-text-opacity:1;height:30px;color:rgb(255 255 255/var(--un-text-opacity));border-radius:4px;justify-content:center;align-items:center;gap:6px;padding-left:12px;padding-right:12px;font-size:12px;display:inline-flex}.pcd-field{--un-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));outline-offset:2px;border-radius:4px;outline:2px solid #0000;width:100%;height:30px;padding-left:8px;padding-right:8px;font-size:12px}.pcd-icon-button{border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:inline-flex}.pcd-panel{--un-border-opacity:1;border-color:rgb(229 231 235/var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.pcd-field:focus{border-color:var(--pcd-color-primary)}.pcd-button:hover{--un-bg-opacity:1;background-color:rgb(243 244 246/var(--un-bg-opacity))}.pcd-button-primary:hover{--un-bg-opacity:1;background-color:rgb(29 78 216/var(--un-bg-opacity))}.pcd-icon-button:hover{--un-bg-opacity:1;background-color:rgb(243 244 246/var(--un-bg-opacity))}.pcd-field:disabled{--un-bg-opacity:1;background-color:rgb(243 244 246/var(--un-bg-opacity));--un-text-opacity:1;color:rgb(156 163 175/var(--un-text-opacity))}.pcd-label{--un-text-opacity:1;color:rgb(107 114 128/var(--un-text-opacity));font-size:12px;line-height:18px}.pcd-section-title{--un-text-opacity:1;color:rgb(31 41 55/var(--un-text-opacity));font-size:12px;font-weight:600}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.z-1000{z-index:1000}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.m-auto{margin:auto}.mx-12px{margin-left:12px;margin-right:12px}.mx-4px{margin-left:4px;margin-right:4px}.mx-6px{margin-left:6px;margin-right:6px}.mb-10px{margin-bottom:10px}.mb-12px{margin-bottom:12px}.mt-12px{margin-top:12px}.mt-1px{margin-top:1px}.mt-8px{margin-top:8px}.box-border{box-sizing:border-box}.hidden{display:none}.h-20px{height:20px}.h-24px{height:24px}.h-26px{height:26px}.h-30px{height:30px}.h-44px{height:44px}.h-48px{height:48px}.h-76px{height:76px}.h-full{height:100%}.max-h-full{max-height:100%}.max-w-full{max-width:100%}.min-h-0{min-height:0}.min-h-72px{min-height:72px}.min-h-full{min-height:100%}.min-w-0{min-width:0}.min-w-28px{min-width:28px}.min-w-full{min-width:100%}.w-1px{width:1px}.w-20px{width:20px}.w-220px{width:220px}.w-320px{width:320px}.w-36px{width:36px}.w-86px{width:86px}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.origin-top-left{transform-origin:0 0}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.select-text{-webkit-user-select:text;user-select:text}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.resize-none{resize:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10px{gap:10px}.gap-24px{gap:24px}.gap-2px{gap:2px}.gap-4px{gap:4px}.gap-5px{gap:5px}.gap-6px{gap:6px}.gap-8px{gap:8px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-amber-200{--un-border-opacity:1;border-color:rgb(253 230 138/var(--un-border-opacity))}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235/var(--un-border-opacity))}.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219/var(--un-border-opacity))}.hover\:border-\[var\(--pcd-color-primary\)\]:hover{border-color:var(--pcd-color-primary)}.rounded-3px{border-radius:3px}.rounded-4px{border-radius:4px}.rounded-6px{border-radius:6px}.\!bg-\[var\(--pcd-color-primary\)\]{background-color:var(--pcd-color-primary)!important}.bg-\[\#eef0f3\]{--un-bg-opacity:1;background-color:rgb(238 240 243/var(--un-bg-opacity))}.bg-amber-50{--un-bg-opacity:1;background-color:rgb(255 251 235/var(--un-bg-opacity))}.bg-black\/50{background-color:#00000080}.bg-blue-50{--un-bg-opacity:1;background-color:rgb(239 246 255/var(--un-bg-opacity))}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246/var(--un-bg-opacity))}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235/var(--un-bg-opacity))}.bg-gray-50{--un-bg-opacity:1;background-color:rgb(249 250 251/var(--un-bg-opacity))}.bg-red-50{--un-bg-opacity:1;background-color:rgb(254 242 242/var(--un-bg-opacity))}.bg-transparent{background-color:#0000}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.hover\:bg-amber-100:hover{--un-bg-opacity:1;background-color:rgb(254 243 199/var(--un-bg-opacity))}.hover\:bg-blue-50:hover{--un-bg-opacity:1;background-color:rgb(239 246 255/var(--un-bg-opacity))}.hover\:bg-gray-100:hover{--un-bg-opacity:1;background-color:rgb(243 244 246/var(--un-bg-opacity))}.hover\:bg-gray-200:hover{--un-bg-opacity:1;background-color:rgb(229 231 235/var(--un-bg-opacity))}.hover\:bg-white:hover{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.object-contain{object-fit:contain}.p-0{padding:0}.p-12px{padding:12px}.p-18px{padding:18px}.p-28px{padding:28px}.p-2px{padding:2px}.p-40px{padding:40px}.p-56px{padding:56px}.px{padding-left:1rem;padding-right:1rem}.px-10px{padding-left:10px;padding-right:10px}.px-14px{padding-left:14px;padding-right:14px}.px-4px{padding-left:4px;padding-right:4px}.px-7px{padding-left:7px;padding-right:7px}.px-8px{padding-left:8px;padding-right:8px}.py-12px{padding-top:12px;padding-bottom:12px}.py-2px{padding-top:2px;padding-bottom:2px}.py-6px{padding-top:6px;padding-bottom:6px}.py-8px{padding-top:8px;padding-bottom:8px}.pt{padding-top:1rem}.text-center{text-align:center}.text-11px{font-size:11px}.text-12px{font-size:12px}.text-13px{font-size:13px}.text-14px{font-size:14px}.text-22px{font-size:22px}.text-24px{font-size:24px}.\!text-white{--un-text-opacity:1!important;color:rgb(255 255 255/var(--un-text-opacity))!important}.text-\[var\(--pcd-color-primary\)\]{color:var(--pcd-color-primary)}.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9/var(--un-text-opacity))}.text-amber-800{--un-text-opacity:1;color:rgb(146 64 14/var(--un-text-opacity))}.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216/var(--un-text-opacity))}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175/var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99/var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81/var(--un-text-opacity))}.text-red-500{--un-text-opacity:1;color:rgb(239 68 68/var(--un-text-opacity))}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38/var(--un-text-opacity))}.hover\:text-\[var\(--pcd-color-primary\)\]:hover{color:var(--pcd-color-primary)}.font-600{font-weight:600}.leading-16px{line-height:16px}.leading-30px{line-height:30px}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow-\[0_8px_28px_rgba\(15\,23\,42\,0\.16\)\]{--un-shadow:0 8px 28px var(--un-shadow-color,#0f172a29);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color,#0000000d);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.pcd-editor{--pcd-color-primary:#2563eb;--pcd-color-border:#e5e7eb;--pcd-color-panel:#fff;--pcd-color-bg:#f3f4f6;--pcd-color-danger:#dc2626;background:var(--pcd-color-bg);color:#111827;flex-direction:column;width:100%;height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.pcd-editor *,.pcd-editor :before,.pcd-editor :after{box-sizing:border-box}.pcd-canvas-page{border:1px solid #d1d5db}.pcd-qrcode-render svg{width:100%;height:100%;display:block}.pcd-page-print-mask{z-index:140;pointer-events:none;border:1px solid #0f172a24;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fffc,0 0 0 9999px #94a3b824}.pcd-page-grid,.pcd-page-margin-guide,.pcd-page-safe-guide{pointer-events:none;position:absolute;inset:0}.pcd-page-grid{z-index:0;background-image:linear-gradient(#94a3b82e 1px,#0000 1px),linear-gradient(90deg,#94a3b82e 1px,#0000 1px);background-size:16px 16px}.pcd-paper-ruler-layer{z-index:160;pointer-events:none;position:absolute;inset:0}.pcd-canvas-ruler{color:#475569;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe5;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0f172a14}.pcd-canvas-ruler-corner{z-index:2;background:linear-gradient(135deg,#0000 49%,#94a3b86b 50%,#0000 51%),#f8fafcf0;border-bottom:1px solid #94a3b875;border-right:1px solid #94a3b875;width:28px;height:24px;position:absolute}.pcd-paper-ruler-corner{top:-24px;left:-28px}.pcd-paper-ruler-top{border-bottom:1px solid #94a3b875;height:24px;top:-24px;left:0;right:0}.pcd-paper-ruler-left{border-right:1px solid #94a3b875;width:28px;top:0;bottom:0;left:-28px}.pcd-canvas-ruler-tick{background:#4755698a;position:absolute}.pcd-paper-ruler-top .pcd-canvas-ruler-tick{width:1px;height:5px;bottom:0}.pcd-paper-ruler-top .pcd-canvas-ruler-tick-major{background:#334155b8;height:14px}.pcd-paper-ruler-left .pcd-canvas-ruler-tick{width:5px;height:1px;right:0}.pcd-paper-ruler-left .pcd-canvas-ruler-tick-major{background:#334155b8;width:14px}.pcd-canvas-ruler-tick span{white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:9px;line-height:1;position:absolute}.pcd-paper-ruler-top .pcd-canvas-ruler-tick span{top:3px;left:3px}.pcd-paper-ruler-left .pcd-canvas-ruler-tick span{transform-origin:0 0;top:2px;left:3px;transform:rotate(-90deg)}.pcd-canvas-ruler-pointer{background:var(--pcd-color-primary);opacity:.9;position:absolute}.pcd-canvas-ruler-pointer-x{width:1px;top:0;bottom:0}.pcd-canvas-ruler-pointer-y{height:1px;left:0;right:0}.pcd-page-margin-guide{z-index:1;border:1px dashed #2563eb80}.pcd-page-safe-guide{z-index:1;border:1px dashed #16a34a73;inset:36px}.pcd-align-guide{z-index:120;pointer-events:none;background:#ef4444;position:absolute}.pcd-align-guide-v{width:1px;top:0;bottom:0}.pcd-align-guide-h{height:1px;left:0;right:0}.pcd-distance-guide{z-index:130;pointer-events:none;color:#fff;background:#111827;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:18px;padding:0 6px;font-size:11px;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.pcd-distance-guide-h:before,.pcd-distance-guide-v:before{content:"";opacity:.85;background:#111827;position:absolute}.pcd-distance-guide-h:before{height:1px;top:50%;left:-28px;right:-28px}.pcd-distance-guide-v:before{width:1px;top:-28px;bottom:-28px;left:50%}.pcd-canvas-element-active{outline-offset:0;outline:1px solid #2563ebb8}.pcd-canvas-element-hover{outline-offset:0;outline:1px dashed #2563eb99}.pcd-canvas-element-editing{outline:1px solid #16a34a;box-shadow:0 0 0 3px #16a34a1f}.pcd-canvas-element-locked:before{content:"";z-index:2;background:var(--pcd-color-primary);border-radius:999px;width:12px;height:12px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 2px #fff}.pcd-editor .moveable-line{background:#2563ebb8!important}.pcd-editor .moveable-control{border:1px solid var(--pcd-color-primary)!important;background:#fff!important;border-radius:2px!important;width:8px!important;height:8px!important;margin-top:-4px!important;margin-left:-4px!important;box-shadow:0 1px 3px #0f172a24!important}.pcd-editor .moveable-control:hover{background:var(--pcd-color-primary)!important}.pcd-editor .moveable-control.moveable-n,.pcd-editor .moveable-control.moveable-s{cursor:ns-resize!important}.pcd-editor .moveable-control.moveable-e,.pcd-editor .moveable-control.moveable-w{cursor:ew-resize!important}.pcd-editor .moveable-control.moveable-ne,.pcd-editor .moveable-control.moveable-sw{cursor:nesw-resize!important}.pcd-editor .moveable-control.moveable-nw,.pcd-editor .moveable-control.moveable-se{cursor:nwse-resize!important}.pcd-editor .moveable-control.moveable-rotation{cursor:grab!important}.pcd-editor .moveable-control.moveable-rotation:active{cursor:grabbing!important}.pcd-editor .moveable-control.moveable-n,.pcd-editor .moveable-control.moveable-s,.pcd-editor .moveable-control.moveable-e,.pcd-editor .moveable-control.moveable-w{border-radius:999px!important;width:7px!important;height:7px!important;margin-top:-3.5px!important;margin-left:-3.5px!important}.pcd-canvas-page-dragover{outline:2px solid var(--pcd-color-primary);outline-offset:6px}.pcd-canvas-page-dragover:after{content:"";pointer-events:none;background-image:linear-gradient(#2563eb1f 1px,#0000 1px),linear-gradient(90deg,#2563eb1f 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.pcd-drag-ghost{z-index:-1;border:1px solid var(--pcd-color-primary);width:88px;height:64px;color:var(--pcd-color-primary);background:#eff6ff;border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;position:fixed;top:-9999px;left:-9999px;box-shadow:0 8px 20px #0f172a29}.pcd-context-menu{z-index:1100;border:1px solid var(--pcd-color-border);background:#fff;border-radius:6px;min-width:148px;padding:6px;position:fixed;box-shadow:0 14px 32px #0f172a2e}.pcd-context-menu button{width:100%;height:30px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.pcd-context-menu button:hover{background:#f3f4f6}.pcd-output-menu{position:relative}.pcd-output-menu-list{z-index:1200;border:1px solid var(--pcd-color-border);background:#fff;border-radius:6px;min-width:132px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 32px #0f172a29}.pcd-output-menu-list button{color:#374151;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;font-size:12px;display:flex}.pcd-output-menu-list button:hover{color:var(--pcd-color-primary);background:#f3f4f6}.pcd-selection-actions{z-index:210;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #2563eb42;border-radius:6px;align-items:center;gap:1px;height:26px;padding:1px;display:flex;position:absolute;box-shadow:0 3px 10px #0f172a14}.pcd-selection-actions button{appearance:none;color:#2563eb;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:22px;font-size:13px;display:inline-flex;position:relative}.pcd-selection-actions button:hover{color:var(--pcd-color-primary);background:#2563eb1a}.pcd-selection-actions button:active{background:#2563eb29}.pcd-selection-actions button[title=删除]:hover{color:var(--pcd-color-danger);background:#dc262617}.pcd-selection-actions span{background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pcd-selection-actions .pcd-selection-drag-button{cursor:grab}.pcd-selection-actions .pcd-selection-drag-button:active{cursor:grabbing}.pcd-action-icon-lock{--pcd-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M16.07 8H15V5s0-5-5-5s-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8M10 16a2 2 0 1 1 2-2a2 2 0 0 1-2 2m3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z'/%3E%3C/svg%3E");width:16px;height:16px;-webkit-mask-image:var(--pcd-action-icon);-webkit-mask-image:var(--pcd-action-icon);mask-image:var(--pcd-action-icon)}.pcd-action-icon-unlock{--pcd-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M15 8V5s0-5-5-5a4.63 4.63 0 0 0-4.88 4h2C7.31 2.93 8 2 10 2c3 0 3 2 3 3.5V8H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zm-5 8a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");width:14px;height:14px;-webkit-mask-image:var(--pcd-action-icon);-webkit-mask-image:var(--pcd-action-icon);mask-image:var(--pcd-action-icon)}.pcd-action-icon-delete{--pcd-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21V6H4V4h5V3h6v1h5v2h-1v15zm2-2h10V6H7zm2-2h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E");width:17px;height:17px;-webkit-mask-image:var(--pcd-action-icon);-webkit-mask-image:var(--pcd-action-icon);mask-image:var(--pcd-action-icon)}.pcd-action-icon-drag{--pcd-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 13H5.875l1.1 1.075q.3.3.3.725t-.3.725t-.725.3t-.725-.3L2.7 12.7q-.15-.15-.213-.325T2.426 12t.063-.375t.212-.325l2.825-2.825q.3-.3.713-.3t.712.3t.3.713t-.3.712L5.85 11H11V5.85L9.875 6.975q-.3.3-.7.288t-.7-.313t-.3-.712t.3-.713L11.3 2.7q.15-.15.325-.213T12 2.425t.375.062t.325.213l2.85 2.85q.3.3.3.7t-.3.7t-.713.3t-.712-.3L13 5.85V11h5.125l-1.1-1.075q-.3-.3-.3-.725t.3-.725t.725-.3t.725.3L21.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.85 2.85q-.3.3-.7.288t-.7-.313t-.3-.712t.3-.713l1.1-1.1H13v5.125l1.075-1.1q.3-.3.725-.3t.725.3t.3.725t-.3.725L12.7 21.3q-.15.15-.325.213t-.375.062t-.375-.062t-.325-.213l-2.85-2.85q-.3-.3-.287-.712t.312-.713t.713-.3t.712.3L11 18.15z'/%3E%3C/svg%3E");width:14px;height:14px;-webkit-mask-image:var(--pcd-action-icon);-webkit-mask-image:var(--pcd-action-icon);mask-image:var(--pcd-action-icon)}.pcd-marquee{z-index:100;pointer-events:none;border:1px solid var(--pcd-color-primary);background:#2563eb1a;position:absolute}.pcd-preview{position:relative;overflow:hidden;box-shadow:0 8px 28px #0f172a29}.pcd-print-stage{z-index:0;pointer-events:none;position:fixed;top:0;left:-100000px}:root{color:#172033;--page-bg:#edf1f6;--panel-bg:#f8fafc;--surface:#fff;--surface-soft:#f4f7fb;--border:#dbe3ee;--border-strong:#c7d2e2;--text:#172033;--muted:#66758b;--primary:#2563eb;--primary-soft:#eef4ff;--green:#0f766e;--green-soft:#ecfdf5;--shadow:0 20px 50px #1522361f;--shadow-soft:0 8px 24px #15223614;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf1f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.demo-shell{background:linear-gradient(180deg, #ffffffd1, #fff0 260px), var(--page-bg);grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.demo-nav{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafceb;flex-direction:column;gap:24px;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.eyebrow{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.brand-title{align-items:center;gap:10px;display:flex}.brand-title img{border:1px solid var(--border);width:36px;height:36px;box-shadow:var(--shadow-soft);background:#fff;border-radius:10px;flex:none;padding:6px}.brand-title .eyebrow{margin-bottom:5px}h1,h2,h3,p{margin:0}h1{color:#101828;white-space:nowrap;font-size:27px;line-height:1.16}h2{color:#0f172a;font-size:26px;line-height:1.2}h3{color:#101828;font-size:16px}.intro{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6}.example-tabs{flex-direction:column;gap:10px;display:flex}.example-tab{color:#334155;text-align:left;background:#ffffffbd;border:1px solid #0000;border-radius:9px;align-items:flex-start;gap:11px;width:100%;padding:14px 12px 14px 15px;transition:background-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #dbe3eec7}.example-tab:before{content:"";background:0 0;border-radius:0 999px 999px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.example-tab:hover{background:var(--surface);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.example-tab span{min-width:0}.tab-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.tab-icon svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.tab-icon-component{color:#0f766e;background:#ecfdf5}.tab-icon-canvas{color:#7c3aed;background:#f5f3ff}.tab-content{gap:5px;min-width:0;display:grid}.tab-title{color:#101828;justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.tab-title em{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex:none;padding:2px 6px;font-size:10px;font-style:normal;font-weight:800}.example-tab small{color:var(--muted);line-height:1.5}.example-tab.active{background:var(--surface);border-color:#2563eb47;box-shadow:0 12px 28px #2563eb24}.example-tab.active:before{background:var(--primary)}.nav-links{border-top:1px solid var(--border);gap:8px;margin-top:auto;padding-top:18px;display:grid}.nav-links span{color:var(--muted);font-size:12px;font-weight:700}.nav-links a{color:#1d4ed8;background:var(--primary-soft);border:1px solid #2563eb3d;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.nav-links .github-link{color:#172033;background:#fff;border-color:#cbd5e1}.nav-links .github-link:hover{border-color:#94a3b8}.nav-links svg{flex:none;width:16px;height:16px}.nav-links a:hover{box-shadow:var(--shadow-soft);background:#fff;border-color:#2563eb8a}.demo-content{min-width:0;padding:14px}.example-card,.canvas-only-example{background:var(--surface);box-shadow:var(--shadow);border:1px solid #c7d2e2e0;border-radius:12px;overflow:hidden}.example-card{min-height:680px}.canvas-only-example{flex-direction:column;height:calc(100vh - 28px);min-height:680px;display:flex}.example-toolbar{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#f8fafc);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 18px;display:flex}.example-toolbar>div{gap:4px;display:grid}.example-toolbar strong{color:#101828}.example-toolbar span{color:var(--muted);font-size:13px}code{color:#1e40af;background:var(--primary-soft);border:1px solid #dbeafe;border-radius:7px;padding:5px 9px;font-size:12px}.plain-button,.custom-topbar button,.custom-left button,.compact-actions button,.button-grid button,.command-list button{border:1px solid var(--border-strong);color:#172033;background:var(--surface);border-radius:8px;min-height:36px;padding:0 12px;transition:border-color .16s,color .16s,background-color .16s,box-shadow .16s;box-shadow:0 1px #0f172a0a}.plain-button:hover,.custom-topbar button:hover,.custom-left button:hover,.compact-actions button:hover,.button-grid button:hover,.command-list button:hover{color:#1d4ed8;background:#f8fbff;border-color:#2563eb94;box-shadow:0 6px 16px #2563eb1a}.split-example{flex:1;grid-template-columns:228px minmax(0,1fr) 276px;min-height:0;display:grid}.canvas-host{background:#eef2f6;min-width:0;min-height:0;display:flex}.side-panel,.custom-left,.custom-right{border-right:1px solid var(--border);background:var(--panel-bg);flex-direction:column;gap:14px;min-height:0;padding:18px;display:flex}.side-panel:last-child{background:linear-gradient(180deg, #ffffffb8, #f8fafcf0), var(--panel-bg);overflow-y:auto}.side-panel:last-child,.custom-right{border-right:0;border-left:1px solid var(--border)}.side-panel p,.custom-left p,.custom-right p{color:var(--muted);font-size:13px;line-height:1.6}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading>div{gap:6px;display:grid}.panel-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:700}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.button-grid button:last-child:nth-child(odd){grid-column:1/-1}.compact-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.side-panel label,.custom-right label,.custom-inspector label{color:#475569;gap:6px;font-size:13px;font-weight:600;display:grid}.property-card{border:1px solid var(--border);background:#ffffffd1;border-radius:11px;gap:12px;padding:13px;display:grid;box-shadow:0 1px #0f172a08}.selected-summary{background:linear-gradient(135deg,#eff6ffe6,#ffffffeb);gap:10px}.selected-summary>div:first-child{gap:3px;display:grid}.selected-summary span{color:var(--muted);font-size:12px}.selected-summary strong{color:#101828;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25;overflow:hidden}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.summary-grid span{background:#ffffffc2;border-radius:8px;gap:3px;padding:8px;display:grid}.summary-grid b{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.property-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.property-title strong{color:#101828;font-size:13px}.property-title small{color:#8190a5;text-transform:uppercase;font-size:11px;font-weight:700}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.side-panel input,.custom-right input,.custom-inspector input{border:1px solid var(--border-strong);color:#101828;background:var(--surface);border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px;transition:border-color .16s,box-shadow .16s}.side-panel input:focus,.custom-right input:focus,.custom-inspector input:focus{border-color:#2563ebb3;box-shadow:0 0 0 3px #2563eb1f}.side-panel pre{border:1px solid var(--border);color:#334155;background:#f1f5f9;border-radius:9px;min-height:132px;max-height:210px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.data-card{margin-top:auto}.command-list{gap:8px;display:grid}.command-list button{text-align:left;width:100%}.command-list .danger-button{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.command-list .danger-button:hover{color:#991b1b;background:#fef2f2;border-color:#f87171;box-shadow:0 6px 16px #dc26261a}.empty-state{min-height:116px;color:var(--muted);text-align:center;background:#ffffff94;border:1px dashed #bfd0e5;border-radius:12px;place-content:center;gap:6px;padding:18px;display:grid}.empty-state strong{color:#334155;font-size:14px}.empty-state span{font-size:12px;line-height:1.5}.demo-preview-mask{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a85;padding:32px;display:flex;position:fixed;inset:0}.demo-preview-dialog{background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;flex-direction:column;max-width:min(920px,100%);max-height:min(720px,100%);margin:auto;display:flex;overflow:hidden;box-shadow:0 30px 80px #0f172a52}.demo-preview-dialog>header{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#f8fafc);justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:12px 14px 12px 18px;display:flex}.demo-preview-dialog>header>div{gap:3px;display:grid}.demo-preview-dialog strong{color:#101828;font-size:15px}.demo-preview-dialog span{color:var(--muted);font-size:12px}.demo-preview-dialog button{border:1px solid var(--border-strong);color:#172033;background:#fff;border-radius:8px;min-height:34px;padding:0 12px}.demo-preview-body{background:#eef2f6;padding:28px;overflow:auto}.custom-topbar{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#f8fafc);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex}.custom-topbar strong{color:#101828}.custom-topbar>div{gap:8px;display:flex}.custom-left{width:220px}.custom-right{width:260px}.shoe-info-block{background:linear-gradient(135deg,#eff6ffcc,#ffffffeb 42%),#fff;border:1px solid #dbe3ee;border-radius:8px;align-items:center;gap:9px;width:100%;height:100%;padding:9px 10px 9px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffad}.shoe-info-strip{width:5px;position:absolute;inset:0 auto 0 0}.shoe-info-main{gap:4px;width:100%;min-width:0;display:grid}.shoe-info-head{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.shoe-info-head span{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.shoe-info-head b{letter-spacing:.03em;flex:none;font-size:9px;font-weight:800}.shoe-info-main strong{color:#101828;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.1;overflow:hidden}.shoe-info-main small{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.custom-inspector{gap:12px;display:grid}.custom-inspector .inline-field{align-items:center;gap:8px;display:flex}.custom-inspector .inline-field input{width:16px;height:16px}@media (width<=1100px){.demo-shell{grid-template-columns:1fr}.demo-nav{border-right:0;border-bottom:1px solid var(--border);height:auto;position:relative}.split-example{grid-template-columns:1fr}.side-panel,.custom-left,.custom-right{border-bottom:1px solid #e5e7eb;border-left:0;border-right:0;width:auto}}