[topic=dark]{--primary-color:#42b983;--secondary-color:#fff}[topic=light]{--main-color:#265484;--accent-color-primary:#5496dc;--accent-color-secondary:#ff783a;--button-accent-color:linear-gradient(to right, #5699fe 5%, #285a91 95%);--button-accent-color-max:linear-gradient(to right, #9bccff 22%, #639cff 51%, #3b72ce 72%);--text-color-primary:#333;--text-color-secondary:#666;--text-color-third:#999;--line-color:#ebebeb;--background-color:#fff;--shadow-color:#0000001a;--input-bg-color:#f7f7f7;--disabled-color:#999}[layout-size=xl]{--title-text:22px;--title-text-medium:20px;--title-text-mini:18px;--text-size:16px;--text-size-tip:14px;--text-size-icon:12px;--line-width:1px;--radius-max:12px;--radius:8px;--radius-min:4px;--mode-padding:24px;--list-padding:22px;--top-mode-height:90px;--icon-size-max:24px;--icon-size-large:20px;--icon-size:18px;--icon-size-mini:16px;--large-button-height:44px;--large-button-padding:0px 20px;--small-button-height:38px;--small-button-padding:0px 16px;--menu-width:438px;--user-info-width:470px;--preview-graphics-width:230px;--editor-left-width:46%;--mat-chip-min:76px;--panel-footer-height:100px;--popup-thumb-min:96px;--popup-tips-min-height:160px;--popup-tips-max-height:44%;--editor-stack-left-height:48%;--tool-icon-width:40px;--tool-icon-height:40px}[layout-size=l]{--title-text:20px;--title-text-medium:18px;--title-text-mini:16px;--text-size:14px;--text-size-tip:12px;--text-size-icon:10px;--line-width:1px;--radius-max:12px;--radius:8px;--radius-min:4px;--mode-padding:20px;--list-padding:16px;--top-mode-height:80px;--icon-size-max:24px;--icon-size-large:20px;--icon-size:18px;--icon-size-mini:16px;--large-button-height:36px;--large-button-padding:0px 18px;--small-button-height:32px;--small-button-padding:0px 14px;--menu-width:388px;--user-info-width:420px;--preview-graphics-width:230px;--editor-left-width:50%;--mat-chip-min:68px;--panel-footer-height:88px;--popup-thumb-min:88px;--popup-tips-min-height:140px;--popup-tips-max-height:42%;--editor-stack-left-height:50%;--tool-icon-width:32px;--tool-icon-height:32px}[layout-size=m]{--title-text:18px;--title-text-medium:16px;--title-text-mini:14px;--text-size:12px;--text-size-tip:10px;--text-size-icon:8px;--line-width:1px;--radius-max:12px;--radius:8px;--radius-min:4px;--mode-padding:18px;--list-padding:14px;--top-mode-height:60px;--icon-size-max:20px;--icon-size-large:16px;--icon-size:14px;--icon-size-mini:12px;--large-button-height:32px;--large-button-padding:0px 16px;--small-button-height:28px;--small-button-padding:0px 12px;--menu-width:288px;--user-info-width:350px;--preview-graphics-width:180px;--editor-left-width:42%;--mat-chip-min:60px;--panel-footer-height:80px;--popup-thumb-min:80px;--popup-tips-min-height:120px;--popup-tips-max-height:40%;--editor-stack-left-height:48%;--tool-icon-width:28px;--tool-icon-height:28px}[layout-size=s]{--title-text:18px;--title-text-medium:16px;--title-text-mini:14px;--text-size:12px;--text-size-tip:10px;--text-size-icon:8px;--line-width:1px;--radius-max:12px;--radius:8px;--radius-min:4px;--mode-padding:18px;--list-padding:14px;--top-mode-height:60px;--icon-size-max:20px;--icon-size-large:16px;--icon-size:14px;--icon-size-mini:12px;--large-button-height:30px;--large-button-padding:0px 16px;--small-button-height:26px;--small-button-padding:0px 10px;--menu-width:288px;--user-info-width:300px;--preview-graphics-width:230px;--editor-left-width:100%;--mat-chip-min:52px;--panel-footer-height:72px;--popup-thumb-min:72px;--popup-tips-min-height:96px;--popup-tips-max-height:36%;--editor-stack-left-height:50%;--tool-icon-width:24px;--tool-icon-height:24px}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;overflow:hidden}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family: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}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}.list-hover-card{transform-origin:50%;opacity:0;width:100%;min-width:0;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.22,1,.36,1);display:block;transform:translateY(40px)}.list-hover-card.case-waterfall-item{break-inside:avoid;page-break-inside:avoid;display:inline-block}.list-hover-card.is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.list-hover-card{opacity:1;transition:box-shadow .4s cubic-bezier(.22,1,.36,1);transform:none}}:root{--zdm-loading-gif:none;--zdm-loading-gif-size:160px;--list-scroll-load-cat-size:160px;--list-scroll-load-cat-size-sm:32px;--list-scroll-load-font-size:14px;--list-scroll-load-line-height:1.4;--list-scroll-load-color:#666}@keyframes zdm-loading-spin{to{transform:rotate(360deg)}}.page-preloader{z-index:2800;box-sizing:border-box;opacity:1;background-color:#f4f5f7;background-position:bottom;background-repeat:no-repeat;background-size:cover;transition:opacity .45s cubic-bezier(.22,1,.36,1);position:fixed;overflow:hidden}.page-preloader.is-local{z-index:20;opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.page-preloader.is-local.is-ready:not(.is-done){opacity:1}.page-preloader.is-local.is-done{opacity:0}.page-preloader.is-local .page-preloader__scene{opacity:1}.page-preloader.is-local .zdm-brand-loader__name span{opacity:1;animation:none;transform:none}.page-preloader.is-plain{background-color:#fff;background-image:none}.page-preloader__scene{opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0}.page-preloader.is-ready:not(.is-done) .page-preloader__scene{opacity:1}.page-preloader.is-fullscreen{inset:0}.page-preloader.is-done{opacity:0;pointer-events:none}.zdm-brand-loader{isolation:isolate;flex-direction:column;flex:none;align-items:center;margin:auto;display:flex}.zdm-brand-loader__name{letter-spacing:10px;color:#333;margin:0;font-size:36px;font-weight:600;line-height:1.2;overflow:hidden}.zdm-brand-loader__name span{opacity:0;will-change:opacity, transform;backface-visibility:hidden;color:#333;animation:.5s cubic-bezier(.22,1,.36,1) forwards zdm-brand-loader-reveal;display:inline-block;transform:translateY(40px)}.zdm-brand-loader__name span:first-child{animation-delay:.1s}.zdm-brand-loader__name span:nth-child(2){animation-delay:.16s}.zdm-brand-loader__name span:nth-child(3){animation-delay:.22s}.zdm-brand-loader__bar{background:#2654841f;width:160px;height:2px;margin-top:30px;position:relative;overflow:hidden}.zdm-brand-loader__bar-fill{background:linear-gradient(149deg,#5699fe 5%,#285a91 95%);width:0%;height:100%;transition:width .28s;position:absolute;top:0;left:0}.zdm-brand-loader.is-indeterminate .zdm-brand-loader__bar-fill{width:36%;animation:1.05s ease-in-out infinite zdm-brand-loader-bar}.zdm-brand-loader.is-compact .zdm-brand-loader__name{letter-spacing:6px;margin-top:0;font-size:26px}.zdm-brand-loader.is-compact .zdm-brand-loader__bar{width:132px;margin-top:22px}@keyframes zdm-brand-loader-reveal{to{opacity:1;transform:translate(0,0)}}@keyframes zdm-brand-loader-bar{0%{transform:translate(-120%)}to{transform:translate(320%)}}.zdm-local-loader{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.zdm-local-loader.is-sm{flex-direction:row;gap:8px}.list-scroll-load__cat{width:var(--list-scroll-load-cat-size);height:var(--list-scroll-load-cat-size);background:0 0;flex-shrink:0;display:block;position:relative}.list-scroll-load__cat:before{content:"";border:3px solid #4088d32e;border-top-color:#4088d3;border-radius:50%;width:48px;height:48px;margin:auto;animation:.8s linear infinite zdm-loading-spin;position:absolute;inset:0}html.zdm-loading-gif-ready .list-scroll-load__cat{background:var(--zdm-loading-gif) no-repeat center center;background-size:contain}html.zdm-loading-gif-ready .list-scroll-load__cat:before{display:none}.list-scroll-load__cat--sm{width:var(--list-scroll-load-cat-size-sm);height:var(--list-scroll-load-cat-size-sm)}.list-scroll-load__cat--sm:before{border-width:2px;width:18px;height:18px}.list-scroll-load__initial-text{font-size:var(--list-scroll-load-font-size);line-height:var(--list-scroll-load-line-height);color:var(--list-scroll-load-color)}.zdm-loading-host{width:100%;height:100%;min-height:0;position:relative}.zdm-loading-host__mask{z-index:8;background:#ffffffb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.n-spin-container--spinning>.n-spin:not(.n-spin--small) .n-base-loading{background:0 0;max-width:160px;width:var(--zdm-loading-gif-size)!important;height:var(--zdm-loading-gif-size)!important}.n-spin-container--spinning>.n-spin:not(.n-spin--small) .n-base-loading__container,.n-spin-container--spinning>.n-spin:not(.n-spin--small) svg{display:none!important}.n-spin-container--spinning>.n-spin:not(.n-spin--small) .n-base-loading:before{content:"";border:3px solid #4088d32e;border-top-color:#4088d3;border-radius:50%;width:48px;height:48px;margin:auto;animation:.8s linear infinite zdm-loading-spin;display:block}html.zdm-loading-gif-ready .n-spin-container--spinning>.n-spin:not(.n-spin--small) .n-base-loading{background:var(--zdm-loading-gif) no-repeat center center;background-size:contain}html.zdm-loading-gif-ready .n-spin-container--spinning>.n-spin:not(.n-spin--small) .n-base-loading:before{display:none}.n-spin-container--spinning>.n-spin{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex!important}.popup-loading .list-scroll-load__initial-text,.material-status .list-scroll-load__initial-text{color:inherit}.vertical-horizontal-center{flex-wrap:wrap;place-content:center;align-items:center;display:flex}.horizontal-center{justify-content:center;align-items:center;display:flex}.vertical-center{flex-wrap:wrap;align-items:center;display:flex}.horizontal-between{justify-content:space-between;display:flex}.horizontal-start{justify-content:start;align-items:center;display:flex}.horizontal-end{justify-content:end;align-items:center;display:flex}.clickable{cursor:pointer}.icon-size-max{width:var(--icon-size-max);height:var(--icon-size-max)}.icon-size-large{width:var(--icon-size-large);height:var(--icon-size-large)}.icon-size{width:var(--icon-size);height:var(--icon-size)}.icon-size-mini{width:var(--icon-size-mini);height:var(--icon-size-mini)}.title-text{font-size:var(--title-text);color:var(--text-color-primary)}.title-text-medium{font-size:var(--title-text-medium);color:var(--text-color-primary)}.title-text-mini{font-weight:500;font-size:var(--title-text-mini);color:var(--text-color-primary)}.text-size{font-size:var(--text-size);color:var(--text-color-primary)}.text-size-tip{font-size:var(--text-size-tip);color:var(--text-color-third)}.bold{font-weight:500}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-line:not(:last-of-type){border-bottom:var(--line-width) solid var(--line-color)}.top-padding:not(:first-child){padding-top:var(--list-padding)}.bottom-padding:not(:last-child){padding-bottom:var(--list-padding)}.large-button-line,.small-button-line,.large-button-line-border,.large-button-fill,.small-button-fill{box-sizing:border-box;white-space:nowrap;cursor:pointer;font-weight:400;line-height:1;font-size:var(--text-size);border-radius:var(--radius);justify-content:center;align-items:center;gap:4px;transition:all .3s;display:inline-flex}.large-button-line,.large-button-line-border,.large-button-fill{height:var(--large-button-height);padding:var(--large-button-padding)}.small-button-line,.small-button-fill{height:var(--small-button-height);padding:var(--small-button-padding)}.large-button-line,.small-button-line{border:1px solid var(--main-color);color:var(--main-color);background-color:#0000}.large-button-line:hover:not(:disabled),.small-button-line:hover:not(:disabled){background-color:color-mix(in srgb, var(--main-color) 8%, transparent)}.large-button-line:disabled,.small-button-line:disabled{border-color:var(--disabled-color);color:var(--disabled-color);cursor:not-allowed}.large-button-line-border{border:1px solid var(--line-color);color:var(--text-color-primary);background-color:#0000}.large-button-line-border:hover:not(:disabled){background-color:var(--input-bg-color)}.large-button-fill,.small-button-fill{background-color:#0000;background-image:var(--button-accent-color);color:var(--background-color);border:none}.large-button-fill:hover:not(:disabled),.small-button-fill:hover:not(:disabled){background-image:var(--button-accent-color-max)}.large-button-fill:disabled,.small-button-fill:disabled{opacity:.45;cursor:not-allowed}.button-line-primary{border:1px solid var(--text-color-primary);color:var(--text-color-primary)}.main-font,.mainColor{color:var(--main-color)}.disabled{opacity:.5;cursor:default;pointer-events:none}.n-popover{border-radius:var(--radius)!important;padding:var(--list-padding)!important}.n-input__border{border-width:0!important}.n-input-wrapper{background:var(--input-bg-color)!important;border-radius:var(--radius)!important}.n-input__state-border{display:none!important}.input-border .n-input__border,.input-border .n-input-number .n-input__border{border-radius:var(--radius-min)!important;border:1px solid #d0cec8!important}.input-border .n-input-wrapper{background:var(--background-color)!important}.input-border .n-input__input-el{text-align:right}.input-border .n-input__suffix{color:var(--text-color-third)!important;font-size:var(--text-size)!important;margin-left:2px!important;padding-left:0!important}.input-border .n-input{--n-padding-left:8px!important;--n-padding-right:6px!important}.n-button{font-size:var(--text-size)!important;box-shadow:none!important;font-weight:400!important}.n-button .n-button__content{gap:4px}.n-button .n-base-wave{display:none!important}.n-button.large-button-line,.n-button.large-button-line-border,.n-button.large-button-fill,.n-button.small-button-line,.n-button.small-button-fill{--n-font-size:var(--text-size)!important;--n-font-weight:400!important;--n-border-radius:var(--radius)!important;--n-icon-size:var(--icon-size-mini)!important;--n-icon-margin:4px!important;--n-opacity-disabled:1!important;font-size:var(--text-size)!important;border-radius:var(--radius)!important;box-shadow:none!important;font-weight:400!important}.n-button.large-button-line .n-button__border,.n-button.large-button-line .n-button__state-border,.n-button.large-button-line-border .n-button__border,.n-button.large-button-line-border .n-button__state-border,.n-button.large-button-fill .n-button__border,.n-button.large-button-fill .n-button__state-border,.n-button.small-button-line .n-button__border,.n-button.small-button-line .n-button__state-border,.n-button.small-button-fill .n-button__border,.n-button.small-button-fill .n-button__state-border{display:none!important}.n-button.large-button-line,.n-button.large-button-line-border,.n-button.large-button-fill{--n-height:var(--large-button-height)!important;--n-padding:var(--large-button-padding)!important;height:var(--large-button-height)!important;padding:var(--large-button-padding)!important}.n-button.small-button-line,.n-button.small-button-fill{--n-height:var(--small-button-height)!important;--n-padding:var(--small-button-padding)!important;height:var(--small-button-height)!important;padding:var(--small-button-padding)!important}.n-button .n-button__icon{width:var(--icon-size-mini)!important;height:var(--icon-size-mini)!important;margin-right:4px!important}.n-button .n-button__icon img,.n-button .n-button__icon svg,.n-button .n-button__icon .n-icon{width:var(--icon-size-mini)!important;height:var(--icon-size-mini)!important}.n-button.large-button-line,.n-button.small-button-line{--n-color:transparent!important;--n-color-hover:color-mix(in srgb, var(--main-color) 8%, transparent)!important;--n-color-pressed:color-mix(in srgb, var(--main-color) 14%, transparent)!important;--n-color-focus:transparent!important;--n-color-disabled:transparent!important;--n-text-color:var(--main-color)!important;--n-text-color-hover:var(--main-color)!important;--n-text-color-pressed:var(--main-color)!important;--n-text-color-focus:var(--main-color)!important;--n-text-color-disabled:var(--disabled-color)!important;color:var(--main-color)!important;border:1px solid var(--main-color)!important;background-color:#0000!important;background-image:none!important}.n-button.large-button-line:hover,.n-button.small-button-line:hover{background-color:color-mix(in srgb, var(--main-color) 8%, transparent)!important}.n-button.large-button-line-border{--n-color:transparent!important;--n-color-hover:var(--input-bg-color)!important;--n-color-pressed:var(--input-bg-color)!important;--n-color-focus:transparent!important;--n-text-color:var(--text-color-primary)!important;--n-text-color-hover:var(--text-color-primary)!important;--n-text-color-pressed:var(--text-color-primary)!important;color:var(--text-color-primary)!important;border:1px solid var(--line-color)!important;background-color:#0000!important;background-image:none!important}.n-button.large-button-line-border:hover{background-color:var(--input-bg-color)!important}.n-button.large-button-fill,.n-button.small-button-fill{--n-color:transparent!important;--n-color-hover:transparent!important;--n-color-pressed:transparent!important;--n-color-focus:transparent!important;--n-color-disabled:transparent!important;--n-text-color:var(--background-color)!important;--n-text-color-hover:var(--background-color)!important;--n-text-color-pressed:var(--background-color)!important;--n-text-color-focus:var(--background-color)!important;--n-text-color-disabled:var(--background-color)!important;background-color:#0000!important;background-image:var(--button-accent-color)!important;color:var(--background-color)!important;border:none!important}.n-button.large-button-fill:hover,.n-button.small-button-fill:hover{background-image:var(--button-accent-color-max)!important}.n-button.large-button-fill.n-button--disabled,.n-button.small-button-fill.n-button--disabled{opacity:.45;background-image:var(--button-accent-color)!important;color:var(--background-color)!important}.n-button.large-button-line.n-button--disabled,.n-button.small-button-line.n-button--disabled{border-color:var(--disabled-color)!important;color:var(--disabled-color)!important;background-color:#0000!important;background-image:none!important}.n-input__placeholder{color:var(--text-color-third)!important;font-size:var(--text-size)!important}.n-modal{border-radius:var(--radius)!important}.n-card-header__main{font-size:var(--title-text)!important;color:var(--text-color-primary)!important;font-weight:500!important}.n-dialog__action .n-button--default-type{border-radius:var(--radius);border:1px solid var(--main-color);color:var(--main-color);background-color:#0000;transition:all .3s;padding:0 19px!important}.n-dialog__action .n-button--info-type,.n-dialog__action .n-button--primary-type{color:var(--background-color);border-radius:var(--radius);transition:all .3s;background:var(--button-accent-color)!important;padding:0 19px!important}.n-base-selection-label{border-radius:var(--radius)!important;background-color:#f7f7f7!important}.n-base-selection__border,.n-base-selection__state-border{display:none!important}.n-base-select-menu .n-base-select-option.n-base-select-option--selected,.n-base-select-menu .n-base-select-option .n-base-select-option__check{color:var(--main-color)!important}.n-switch.n-switch--active .n-switch__rail{background-color:var(--main-color)!important}.n-slider-handle{border-color:var(--main-color)!important}.n-slider-rail__fill{background:var(--main-color)!important}.editor-page,.preview-page{background:var(--input-bg-color);width:100vw;height:100vh;color:var(--text-color-primary);font-size:var(--text-size);flex-direction:column;display:flex;overflow:hidden}.editor-page .top-bar,.preview-page .top-bar{height:var(--top-mode-height);padding:0 var(--mode-padding);background:var(--background-color);border-bottom:var(--line-width) solid var(--line-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.editor-page .top-bar-left,.editor-page .top-bar-right,.preview-page .top-bar-left,.preview-page .top-bar-right{align-items:center;gap:var(--list-padding);display:flex}.editor-page .main-content,.preview-page .main-content{flex-direction:row;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.editor-page .panel-left,.preview-page .panel-left,.preview-page .panel.panel-left{z-index:2;border-right:var(--line-width) solid var(--line-color);background:var(--background-color);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden;flex:0 0 var(--editor-left-width)!important;width:var(--editor-left-width)!important}.editor-page .panel-right,.preview-page .panel-right,.preview-page .panel.panel-right{background:var(--input-bg-color);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}html.is-design-embed,html.is-design-embed body{background-color:#fff}.editor-page.is-design-embed,.editor-page.is-design-embed .panel-right{background:#fff}.editor-page .panel-title-row,.preview-page .panel-title-row{padding:calc(var(--list-padding) * .6) var(--list-padding);border-bottom:var(--line-width) solid var(--line-color);background:var(--background-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-page .panel-label,.preview-page .panel-label{font-size:var(--title-text-mini);color:var(--text-color-primary);font-weight:500}.editor-page .title-actions,.preview-page .title-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.editor-page .material-strip,.preview-page .material-strip{grid-template-columns:repeat(auto-fill, minmax(var(--mat-chip-min), 1fr));padding:var(--list-padding);border-bottom:var(--line-width) solid var(--line-color);background:var(--background-color);flex-shrink:0;gap:8px;display:grid!important}.editor-page .mat-chip,.preview-page .mat-chip{aspect-ratio:1;width:100%!important;height:auto!important}.editor-page .panel-footer,.preview-page .panel-footer{box-sizing:border-box;flex-shrink:0;overflow:visible;height:auto!important;min-height:var(--panel-footer-height)!important;padding:6px var(--list-padding)!important;align-items:center!important;gap:var(--list-padding)!important;background:var(--background-color)!important;border-top:var(--line-width) solid var(--line-color)!important;display:flex!important}.editor-page .panel-footer>.n-button,.preview-page .panel-footer>.n-button{flex-shrink:0}.editor-page .toolbar-divider,.preview-page .toolbar-divider{width:var(--line-width);height:calc(var(--tool-icon-height) + var(--text-size) + 8px);background:var(--line-color);flex-shrink:0;max-height:72%}.editor-page .toolbar-group-wen,.preview-page .toolbar-group-wen{flex-wrap:nowrap;flex:1;justify-content:space-evenly;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.editor-page .tool-btn-wen,.preview-page .tool-btn-wen{border-radius:var(--radius);min-width:0;max-width:168px;height:auto;min-height:100%;color:var(--text-color-primary);cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:2px 6px;transition:color .2s,background .2s;display:flex;overflow:visible}.editor-page .tool-btn-wen img,.preview-page .tool-btn-wen img,.editor-page .tool-btn-wen svg,.preview-page .tool-btn-wen svg{width:var(--tool-icon-width);height:var(--tool-icon-height);object-fit:contain;flex-shrink:0;display:block}.editor-page .tool-btn-wen span,.preview-page .tool-btn-wen span{font-size:var(--title-text-mini);color:inherit;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:100%;font-weight:500;line-height:1.3;overflow:hidden}.editor-page .tool-btn-wen:hover,.preview-page .tool-btn-wen:hover{color:var(--main-color);background:color-mix(in srgb, var(--main-color) 8%, transparent)}.editor-page .tool-btn-wen.active,.preview-page .tool-btn-wen.active{color:var(--main-color);background:color-mix(in srgb, var(--main-color) 12%, transparent)}.editor-page .popup-tips,.preview-page .popup-tips{width:100%;max-width:none;left:0;right:0;bottom:var(--panel-footer-height);box-sizing:border-box;height:auto;min-height:0;max-height:min(var(--popup-tips-max-height), 100% - var(--panel-footer-height));grid-template-columns:repeat(auto-fill, minmax(var(--popup-thumb-min), 1fr));border-radius:var(--radius) var(--radius) 0 0;place-content:start;align-items:start;gap:12px;padding:12px;display:none;position:absolute;overflow:hidden auto}.editor-page .popup-tips.show,.preview-page .popup-tips.show{display:grid}:is(.editor-page .popup-tips:has(>.popup-loading),.preview-page .popup-tips:has(>.popup-loading),.editor-page .popup-tips:has(>.popup-empty),.preview-page .popup-tips:has(>.popup-empty)){min-height:var(--popup-tips-min-height)}.editor-page .popup-loading,.preview-page .popup-loading,.mat-local-popup .popup-loading,.editor-page .popup-empty,.preview-page .popup-empty{color:#ffffffbf;width:100%;min-height:96px;font-size:var(--text-size);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;display:flex}.editor-page .popup-loading-spinner,.preview-page .popup-loading-spinner,.mat-local-popup .popup-loading-spinner{border:3px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite popup-spin}@keyframes popup-spin{to{transform:rotate(360deg)}}html[layout-stack="1"] .editor-page .main-content,html[layout-stack="1"] .preview-page .main-content{flex-direction:column!important}html[layout-stack="1"] .editor-page .panel-left,html[layout-stack="1"] .preview-page .panel-left,html[layout-stack="1"] .preview-page .panel.panel-left{border-right:none;border-bottom:var(--line-width) solid var(--line-color);max-width:none;flex:0 0 var(--editor-stack-left-height)!important;width:100%!important;height:var(--editor-stack-left-height)!important}html[layout-stack="1"] .editor-page .panel-right,html[layout-stack="1"] .preview-page .panel-right,html[layout-stack="1"] .preview-page .panel.panel-right,html[layout-stack="1"] .editor-page .panel-right.panel-right-full{flex:auto!important;width:100%!important;height:auto!important}html[layout-stack="1"] .editor-page .collapse-btn-left,html[layout-stack="1"] .editor-page .expand-btn,html[layout-stack="1"] .preview-page .collapse-btn-left,html[layout-stack="1"] .preview-page .expand-btn{display:none}html[layout-size=s] .editor-page .size-row,html[layout-size=s] .preview-page .size-row,html[layout-size=m][layout-stack="1"] .editor-page .size-row,html[layout-size=m][layout-stack="1"] .preview-page .size-row{flex-wrap:wrap}html[layout-stack="1"] .editor-page .panel-footer,html[layout-stack="1"] .preview-page .panel-footer{flex-wrap:wrap;row-gap:8px;height:auto!important;min-height:var(--panel-footer-height)!important}html[layout-size=s] .editor-page .tool-btn-wen,html[layout-size=s] .preview-page .tool-btn-wen{gap:4px;padding:2px 4px}html[layout-size=s] .editor-page .preview-sidebar,html[layout-size=s] .preview-page .preview-sidebar,html[layout-size=s] .editor-page .preview-main-row{flex-wrap:nowrap}.editor-page .stack-track{flex-direction:row;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;transform:none}.editor-page.stack-wizard{overscroll-behavior:none}.editor-page.stack-wizard .main-content{position:relative;overflow:hidden;flex-direction:column!important}.editor-page.stack-wizard .stack-track{will-change:transform;flex-direction:column;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0;overflow:visible;transform:translate(0,0)}.editor-page.stack-wizard .stack-track.is-step-preview{transform:translateY(-100%)}html[layout-stack="1"] .editor-page.stack-wizard .panel-left,html[layout-stack="1"] .editor-page.stack-wizard .panel-right,html[layout-stack="1"] .editor-page.stack-wizard .panel-right.panel-right-full{border-right:none;max-width:none;min-height:100%;max-height:none;flex:0 0 100%!important;width:100%!important;height:100%!important}html[layout-stack="1"] .editor-page.stack-wizard .panel-left{border-bottom:none}.editor-page.stack-wizard .stack-track:not(.is-step-preview) .panel-right,.editor-page.stack-wizard .stack-track.is-step-preview .panel-left{pointer-events:none}.editor-page .stack-step-bar{padding:8px var(--mode-padding);min-height:calc(var(--large-button-height) + 16px);background:var(--background-color);border-top:var(--line-width) solid var(--line-color);box-sizing:border-box;z-index:6;flex-shrink:0;justify-content:stretch;align-items:center;gap:12px;display:flex}.editor-page .stack-step-bar .n-button,.editor-page .stack-step-next-wrap{flex:1}.editor-page .stack-step-next-wrap{z-index:1;cursor:pointer;display:flex;position:relative}.editor-page .stack-step-next-wrap .n-button{pointer-events:none!important}.editor-page.stack-wizard .material-strip:has(.mat-empty-tip){flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex!important}.editor-page.stack-wizard .material-strip:has(.mat-empty-tip) .mat-chip-add{aspect-ratio:1;flex:0 0 56px;justify-content:center;align-items:center;display:flex;width:56px!important;height:56px!important}.editor-page.stack-wizard .mat-empty-tip{white-space:normal;text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:2px;width:100%;padding:0 8px;line-height:1.5;display:flex}.editor-page.stack-wizard .panel-footer{z-index:7;position:relative;overflow:visible;flex-wrap:nowrap!important}.editor-page.stack-wizard .toolbar-fold-btn{width:var(--large-button-height);min-width:var(--large-button-height);height:var(--large-button-height);border:var(--line-width) solid var(--line-color);border-radius:var(--radius);background:var(--background-color);color:var(--text-color-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.editor-page.stack-wizard .toolbar-fold-btn:hover{color:var(--main-color);border-color:var(--main-color)}.editor-page.stack-wizard .toolbar-group-wen.is-float{width:100%;min-width:0;height:auto;padding:8px var(--list-padding) 10px;background:var(--background-color);border-top:var(--line-width) solid var(--line-color);box-sizing:border-box;z-index:8;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:4px 8px;display:grid;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 -6px 16px #00000014}.editor-page.stack-wizard .toolbar-group-wen.is-float .tool-btn-wen{flex:none;gap:4px;width:100%;min-width:0;max-width:none;height:auto;min-height:52px;padding:6px 4px}.editor-page.stack-wizard .toolbar-group-wen.is-float .tool-btn-wen span{white-space:normal;text-overflow:unset;text-align:center;font-size:var(--text-size);line-height:1.25;overflow:visible}.editor-page.stack-wizard .panel-right.is-toolbar-open{--stack-toolbar-float-height:120px}.editor-page.stack-wizard .popup-tips{bottom:calc(var(--panel-footer-height) + var(--stack-toolbar-float-height,0px));max-height:min(var(--popup-tips-max-height), 100% - var(--panel-footer-height) - var(--stack-toolbar-float-height,0px))}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material,html[layout-size=s] .editor-page .panel-title-row--material{flex-direction:column;align-items:stretch;gap:8px}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .panel-title-row__left,html[layout-size=s] .editor-page .panel-title-row--material .panel-title-row__left{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .panel-label,html[layout-size=s] .editor-page .panel-title-row--material .panel-label{flex-shrink:0}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .panel-title-row__jump,html[layout-size=s] .editor-page .panel-title-row--material .panel-title-row__jump{flex:0 auto;min-width:0;max-width:100%}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .title-actions,html[layout-size=s] .editor-page .panel-title-row--material .title-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:8px;width:100%;display:grid}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .title-actions .mat-local-wrap,html[layout-size=s] .editor-page .panel-title-row--material .title-actions .mat-local-wrap,html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .title-actions>.n-button,html[layout-size=s] .editor-page .panel-title-row--material .title-actions>.n-button{width:100%;min-width:0}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .title-actions .n-button,html[layout-size=s] .editor-page .panel-title-row--material .title-actions .n-button{max-width:100%;padding-left:8px;padding-right:8px}html[layout-stack="1"] .editor-page.stack-wizard .panel-title-row--material .title-actions .n-button__content,html[layout-size=s] .editor-page .panel-title-row--material .title-actions .n-button__content{text-overflow:ellipsis;overflow:hidden}html[layout-size=s] .editor-page .panel-title-row__jump-label{display:none}html[layout-size=s] .editor-page .panel-title-row__jump{width:var(--large-button-height);min-width:var(--large-button-height);padding-left:0;padding-right:0}html[layout-size=s] .editor-page .panel-title-row__jump .n-button__icon{margin:0!important}.n-config-provider,.n-message-provider,.n-dialog-provider{width:100%;height:100%;display:block}*{box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,Source Han Sans SC,sans-serif}