/* Measured against the signed-in reference designer on 2026-10-24. */
.editor-site-nav{position:relative;z-index:60}.editor-site-nav .seller-submenu-links>a{padding:20px 0 19px;color:#666;display:block}.editor-site-nav .seller-submenu-links>a:hover{color:#3159c2}.editor-site-nav .seller-menu>.seller-menu-link{padding:0 22px}
.editor-account-menu{position:relative;z-index:40}.editor-account-menu summary{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#4c91e8;color:#fff;cursor:pointer;list-style:none}.editor-account-menu>div{position:absolute;right:0;top:42px;width:150px;padding:8px;background:#fff;box-shadow:0 4px 18px #0003}.editor-account-menu>div a,.editor-account-menu>div button{display:block!important;width:100%!important;height:auto!important;background:transparent!important;border:0;border-radius:0!important;padding:10px;color:#444!important;font:inherit;text-align:left;cursor:pointer}.editor-account-menu>div a:hover,.editor-account-menu>div button:hover,.editor-account-menu>div a:focus-visible,.editor-account-menu>div button:focus-visible{background:#f2f2f8!important}.editor-account-menu>div button:disabled{cursor:wait;opacity:.6}
.preview-zoom{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px}.preview-zoom input{width:140px;min-width:40px}.preview-zoom output{width:42px;font-variant-numeric:tabular-nums}.preview-zoom .btn{padding:6px}.preview-zoom svg{width:16px;height:16px}.preview-dialog{--preview-size:min(54dvh,600px,calc(94vw - 64px))}.preview-dialog .preview-modal-stage{display:block!important;height:var(--preview-size);overflow:auto}.preview-dialog .preview-modal-stage canvas{display:block;width:calc(var(--preview-size) * var(--preview-zoom,1))!important;height:calc(var(--preview-size) * var(--preview-zoom,1))!important;max-width:none!important;max-height:none!important;margin:auto}
@media(max-width:760px){.reference-designer .designer-top{overflow:visible!important}.reference-designer .designer-top h1{display:none}.reference-designer .editor-primary-tools{flex:1;min-width:0;overflow:auto}.reference-designer .editor-toolbar-end{flex:none}.editor-account-menu summary{width:26px;height:26px}}
.editor-font-main{display:grid;grid-template-columns:1fr 40px;gap:12px}.editor-font-main .form-control,.editor-font-second>.form-control{font-size:0!important;margin:0!important;gap:0!important}.editor-font-main .form-control>label{display:none}.reference-designer .editor-font-main .field{height:40px}.editor-font-second{display:grid;grid-template-columns:1fr 40px 40px 40px;gap:10px}.editor-font-second .field,.editor-font-second .btn{height:40px!important}.editor-extra-fonts{border-top:1px solid #eee;padding-top:12px;margin-top:8px}.editor-extra-fonts summary{font-size:11px;color:#777;cursor:pointer}
.reference-designer .canvas-frame{border:0!important;outline:none}.reference-designer .canvas-frame.hide-guides{outline:0}.reference-designer .editor-product-picker{grid-template-columns:1fr 1fr}.editor-product-picker>.editor-segment-tabs,.editor-product-picker>[data-product-cards],.editor-product-picker>.editor-gallery-pages{grid-column:1/-1}.reference-designer .editor-product-picker>.editor-gallery-search{min-width:0}.reference-designer .editor-product-picker>.editor-gallery-search .btn{display:none}.reference-designer .editor-product-picker>.editor-gallery-pages{align-self:end}
.preview-picture{position:relative}.preview-picture button{position:absolute;border:0;background:#8885;color:#fff;padding:5px;display:grid;place-items:center}.preview-picture button svg{width:22px;height:22px}.preview-picture .preview-enlarge{left:7px;top:7px;color:#555;background:transparent}.preview-previous{left:0;top:44%;border-radius:50%!important}.preview-next{right:0;top:44%;border-radius:50%!important}.scene-options img,.scene-flat-thumb{display:block;width:100%;aspect-ratio:1;object-fit:cover}.scene-flat-thumb{background:#f6f6f6;border:1px solid #ddd}.reference-designer .scene-options button{overflow:hidden}.scene-placement{margin-top:14px}.scene-placement summary{cursor:pointer;color:#4946b6}.preview-dialog footer select{flex:1;min-width:100px;width:auto}.preview-dialog .preview-modal-stage{display:flex;justify-content:center;max-height:65dvh;background:#f3f3f5}.preview-dialog .preview-modal-stage canvas{width:auto;max-width:100%;max-height:65dvh;object-fit:contain}.preview-dialog{width:min(850px,94vw)}
.reference-designer{--editor-brand:#4946b6;--editor-line:#ececf1;font-family:Arial,'Microsoft YaHei',sans-serif;color:#333;height:100dvh;overflow:hidden;background:#fff;font-size:12px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.editor-site-nav{height:60px;flex:none;background:#25355c;display:flex;align-items:center;padding:0 50px;color:#c7cbd7;gap:0}
.editor-site-brand{width:295px;flex:none}.editor-site-brand img{width:40px;height:40px;object-fit:contain;border-radius:50%;background:#fff}
.editor-site-nav>nav{display:flex;height:100%;align-items:stretch}.editor-site-nav nav a{color:#bfc5d5;padding:0 22px;display:flex;align-items:center;font-size:14px}.editor-site-nav nav a.active{color:#fff;background:#344d82}
.editor-account-actions{margin-left:auto;display:flex;gap:20px}.editor-account-actions a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6d15a;color:#27395b}.editor-account-actions a:last-child{background:#4c91e8;color:#fff}.editor-account-actions svg{width:19px;height:19px}
.reference-designer .designer-top{height:54px;min-height:54px;flex:none;display:flex;flex-wrap:nowrap;padding:0 16px;border-bottom:1px solid var(--editor-line);gap:0;overflow:visible;z-index:20;background:#fff}
.reference-designer .designer-top h1{width:370px;flex:none;font-size:18px;font-weight:600;margin:0;color:#333}.editor-primary-tools{display:flex;align-items:center;gap:4px;height:100%}
.reference-designer .editor-toolbar-button{width:auto;min-width:45px;border:0;box-shadow:none;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:transparent;padding:4px 8px!important;font-size:11px;height:48px;color:#707075;white-space:nowrap;border-radius:0}
.reference-designer .editor-toolbar-button svg{width:15px;height:15px}.reference-designer .editor-toolbar-button.active{color:var(--editor-brand);background:#f5f5fc}.reference-designer .editor-toolbar-button:disabled{opacity:.35}.reference-designer .editor-primary-tools [data-editor=grid]{margin-left:12px;border-left:1px solid var(--editor-line);padding-left:16px!important}
.editor-toolbar-end{margin-left:auto;display:flex;align-items:center;gap:6px}.reference-designer .editor-save{display:flex;align-items:center;justify-content:center;gap:8px;min-width:88px;height:42px;margin-left:18px;background:var(--editor-brand);border-color:var(--editor-brand)}
.editor-save-more{position:relative}.editor-save-more summary{list-style:none;padding:13px 6px;cursor:pointer;color:var(--editor-brand)}.editor-save-more>div{position:absolute;right:0;top:45px;width:210px;display:grid;padding:10px;gap:8px;border:1px solid var(--editor-line);box-shadow:0 4px 20px #0002;background:#fff}
.reference-designer .designer-workspace{grid-template-columns:66px 320px minmax(260px,1fr) 320px;position:relative;min-height:0;overflow:hidden}.reference-designer .editor-rail{background:#f1f2f7;border:0}.reference-designer .editor-rail button{height:62px;min-height:62px;border:0;font-size:12px;gap:7px;color:#454856}.reference-designer .editor-rail button.active{color:var(--editor-brand);background:#fff}.reference-designer .editor-rail svg{width:19px;height:19px}
.reference-designer .designer-side{padding:20px 18px;border-right:1px solid var(--editor-line);overflow:auto;overscroll-behavior:contain}.reference-designer .right-side{padding:10px;border-left:1px solid var(--editor-line);gap:24px}.reference-designer .resource-panel>h2{display:none}.reference-designer .resource-panel{gap:16px}.reference-designer .field{font-size:12px;height:32px;border-color:#e3e3e7;border-radius:4px}.reference-designer .btn{font-size:12px;border-radius:3px}
.reference-designer .editor-product-picker{border:0;padding:0;gap:12px}.reference-designer .editor-gallery-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.reference-designer .editor-gallery-items article{position:relative;display:block;font-size:11px}.reference-designer .asset-thumb{width:100%;padding:0;background:#f7f7f8;border:0}.reference-designer .editor-gallery-items article>span{display:block;margin-top:5px}.reference-designer [data-product-favorite],.reference-designer [data-favorite]{position:absolute;right:1px;top:1px;border:0;border-radius:50%;width:20px;height:20px;min-height:20px;padding:2px;background:#7779;color:#fff}.reference-designer [data-product-favorite] svg,.reference-designer [data-favorite] svg{width:15px;height:15px}.reference-designer .editor-gallery-pages{position:sticky;bottom:-20px;background:#fff;padding:14px 0;margin-top:16px}.reference-designer .editor-gallery-pages .btn{border:0;color:var(--editor-brand)}
.editor-segment-tabs{display:flex;border-bottom:1px solid var(--editor-line);gap:10px}.editor-segment-tabs button{flex:1;white-space:nowrap;padding:0 5px 12px;background:none;border:0;border-bottom:2px solid transparent;color:#666;font-size:12px}.editor-segment-tabs button.active{border-bottom-color:var(--editor-brand);color:var(--editor-brand);font-weight:600}
.reference-designer .designer-canvas-area{background:#f0f1f6;padding:95px 90px 115px 120px;overflow:hidden;position:relative;justify-content:center;align-items:center}.editor-artboard{position:relative;display:flex;align-items:center;justify-content:center;flex:none;background:repeating-conic-gradient(#d3d3d3 0% 25%,#fff 0% 50%) 0/12px 12px;border:1px solid #7c73bf;box-shadow:0 1px 7px #0003;transform-origin:center}.reference-designer .canvas-frame{background:none;box-shadow:none;border:0!important;margin:0!important}
.editor-surface-switch{position:absolute;left:38px;top:60px;bottom:100px;width:78px;z-index:3;display:flex;flex-direction:column;gap:14px;background:#e2e4ed;border-radius:6px;padding:5px}.editor-surface-switch button{width:68px;min-height:68px;background:#fff;border:1px solid #e3e4eb;border-radius:4px;font-size:12px;color:#636b81;display:flex;align-items:center;justify-content:center;flex-direction:column}.editor-surface-switch button.active{border-color:#6e9fde}.editor-surface-switch [data-surface=print]{font-size:20px;font-weight:700;color:#da3825}.editor-surface-switch [data-surface=scene]{margin-top:auto;position:relative}.editor-surface-switch canvas{width:60px;height:60px}.editor-surface-switch [data-surface=scene]>span{position:absolute;top:70px}
.editor-artboard-caption{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:12px;color:#666;white-space:nowrap}.reference-designer .canvas-view-controls{left:auto;right:20px;bottom:20px;transform:none;padding:10px;border-radius:4px;box-shadow:0 2px 12px #0002;max-width:220px}.reference-designer .canvas-view-controls input{width:65px;accent-color:#669dea}.editor-quality-note{position:absolute;bottom:18px;left:18px;max-width:220px;max-height:74px;overflow:auto;padding:9px 14px;margin:0;line-height:1.6;font-size:10px;background:#fff;border-radius:4px;box-shadow:0 2px 10px #0002}.editor-panel-collapse{position:absolute;right:0;top:48%;border:0;background:#fff;width:18px;height:50px;color:#777;border-radius:4px 0 0 4px}.right-collapsed .designer-workspace{grid-template-columns:66px 320px minmax(260px,1fr) 0}.right-collapsed .right-side{visibility:hidden;padding:0;border:0}
.reference-designer .editor-preview-section{position:relative;margin:0}.reference-designer .design-preview{margin:0}.reference-designer .live-scene{aspect-ratio:1;width:100%;height:auto;max-height:none}.reference-designer .preview-actions{margin-top:8px}.reference-designer .preview-caption{font-size:10px;color:#999}.reference-designer .editor-product-info{padding:0 10px}.editor-product-info h3{font-size:14px;line-height:1.7;margin:0}.editor-product-info>p{font-size:12px;color:#999}.editor-product-info details{margin-top:20px;border-top:1px solid var(--editor-line);padding-top:15px}.editor-product-info summary,.editor-advanced summary{color:var(--editor-brand);cursor:pointer;font-size:12px}.editor-product-info dl{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--editor-line);border-bottom:1px solid var(--editor-line);padding:20px 0;gap:12px;font-size:12px}.editor-product-info dd{margin:0;text-align:right;color:#777;word-break:break-all}.editor-product-options>.form-control{margin-top:14px}.editor-product-options>.design-quality{margin-top:14px}
.reference-designer .designer-controls{border:0;padding:0;gap:12px}.reference-designer .designer-controls>h2,.reference-designer .editor-text-properties>h2{font-size:12px;font-weight:500;color:#888}.reference-designer .editor-text-properties{gap:10px}.reference-designer .editor-advanced{border-top:1px solid var(--editor-line);padding:14px 4px}.editor-advanced section{padding-top:14px}.reference-designer .statusbar{height:22px;min-height:22px;padding:3px 12px;font-size:10px;border-top:1px solid var(--editor-line);color:#888}.reference-designer .scene-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.reference-designer .scene-options .btn{font-size:10px;border:0;padding:2px}.reference-designer .scene-options .btn.active{outline:1px solid var(--editor-brand)}.reference-designer .scene-options canvas{aspect-ratio:1;object-fit:cover}.reference-designer [data-panel=text] .designer-tools{display:block}.reference-designer [data-editor=text]{width:100%;background:#f3f5fe;border:0;color:#555}.editor-mobile-preview{display:none!important}
@media(max-width:1500px) and (min-width:761px){.editor-site-brand{width:235px}.reference-designer .designer-workspace{grid-template-columns:60px 260px minmax(230px,1fr) 290px}.reference-designer .designer-top h1{width:304px}.editor-site-nav{padding:0 30px}.editor-site-nav nav a{padding:0 18px}.reference-designer .designer-canvas-area{padding:80px 25px 110px 95px}.editor-surface-switch{left:22px;width:64px}.editor-surface-switch button{width:54px;min-height:54px}.editor-surface-switch canvas{width:48px;height:48px}.reference-designer .editor-toolbar-button{min-width:38px;padding:4px 5px!important}.right-collapsed .designer-workspace{grid-template-columns:60px 260px minmax(230px,1fr) 0}.editor-quality-note{max-width:180px}.editor-artboard-caption{bottom:78px}.reference-designer .editor-save{margin-left:6px}}
@media(max-width:1100px) and (min-width:761px){.reference-designer .designer-workspace{grid-template-columns:54px 215px minmax(180px,1fr) 250px}.reference-designer .designer-top h1{width:150px}.reference-designer .designer-canvas-area{padding-left:70px}.editor-site-brand{width:180px}.editor-site-nav nav a{padding:0 12px}.reference-designer .designer-side{padding:12px}.right-collapsed .designer-workspace{grid-template-columns:54px 215px minmax(180px,1fr) 0}.editor-surface-switch{left:8px}.reference-designer .editor-gallery-items{gap:8px 6px}.editor-quality-note{max-width:145px}}
@media(max-width:760px){.reference-designer{height:100dvh;min-height:0;overflow:hidden}.editor-site-nav{height:44px;padding:0 12px;gap:10px}.editor-site-brand{width:28px}.editor-site-brand img{width:28px;height:28px}.editor-site-nav>nav{flex:1;overflow:auto}.editor-site-nav nav a{padding:0 9px;font-size:12px;white-space:nowrap}.editor-account-actions{gap:6px}.editor-account-actions a{width:26px;height:26px}.editor-account-actions a:last-child{display:none}.reference-designer .designer-top{height:54px;min-height:54px;padding:0 8px;gap:8px;overflow:auto}.reference-designer .designer-top h1{width:auto;font-size:14px;white-space:nowrap}.editor-primary-tools{gap:0}.reference-designer .editor-toolbar-button{min-width:38px;font-size:10px;padding:4px!important}.editor-toolbar-end{position:static}.editor-toolbar-end [data-extra]{display:none}.reference-designer .editor-save{min-width:60px;height:34px;margin-left:0}.reference-designer .editor-save-more>div{position:fixed;top:98px;right:8px}.reference-designer .designer-workspace{display:grid;grid-template-columns:48px 1fr;grid-template-rows:minmax(220px,1fr) minmax(150px,35%);overflow:hidden}.reference-designer .editor-rail{position:static;grid-column:1;grid-row:1/3;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;order:0;border:0}.reference-designer .editor-rail button{min-width:48px;min-height:54px;height:54px;flex:none;font-size:10px;padding:4px}.reference-designer .designer-canvas-area{grid-column:2;grid-row:1;order:0;min-height:0;padding:35px 14px 65px;overflow:hidden;justify-content:center}.reference-designer .designer-workspace>.designer-side:not(.right-side){grid-column:2;grid-row:2;order:0;min-height:0;overflow:auto;max-height:none;border-top:1px solid var(--editor-line);padding:12px}.reference-designer .right-side{display:none;grid-column:2;grid-row:2;order:0;min-height:0;overflow:auto}.reference-designer.mobile-properties .right-side{display:flex}.reference-designer.mobile-properties .designer-workspace>.designer-side:not(.right-side){display:none}.reference-designer .editor-mobile-preview{display:flex!important;font-size:10px!important;line-height:1.4;white-space:normal;background:#e7e7fa!important;color:var(--editor-brand)!important}.editor-surface-switch,.editor-panel-collapse,.editor-artboard-caption{display:none}.reference-designer .canvas-view-controls{right:8px;bottom:8px;left:auto;padding:5px;max-width:170px}.editor-quality-note{left:8px;bottom:8px;max-width:120px;max-height:45px;font-size:9px;padding:4px 6px;box-shadow:none}.reference-designer .resource-panel{display:grid;grid-template-columns:1fr;gap:10px}.reference-designer .editor-gallery-items{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-designer .live-scene{width:100%;max-height:280px;object-fit:contain}.reference-designer .statusbar{height:20px;min-height:20px;overflow:hidden;white-space:nowrap;display:block}.reference-designer .statusbar>span:last-child{display:none}.reference-designer .canvas-frame{margin:0!important}.reference-designer .editor-gallery-pages{bottom:-12px}.reference-designer .preview-dialog{padding:12px}}
.editor-surface-switch [data-surface=print]{padding:2px}.editor-surface-switch [data-surface=print]>span{font-size:14px;max-width:100%;overflow-wrap:anywhere}.editor-surface-switch [data-surface=print]>small{font-size:9px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.reference-designer .reference-background{display:block;min-width:0}.reference-background .background-picker-host{width:100%}.reference-background .vc-chrome{width:100%;border-radius:0;box-shadow:none}.reference-background .vc-chrome-saturation-wrap{border-radius:0}.reference-background .vc-chrome-saturation-circle{width:4px;height:4px}
.background-eyedropper{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;padding:0;margin:0 0 14px;border:0;background:none;color:#4349dc;font:inherit;font-size:12px;line-height:20px;cursor:pointer}.background-eyedropper svg{width:16px;height:16px}.background-eyedropper:disabled{color:#999;cursor:not-allowed}
.background-palette{margin:0 0 20px}.background-palette h3{font-size:12px;font-weight:400;line-height:18px;margin:0 0 7px}.background-recent,.background-common{display:flex;flex-wrap:wrap;gap:6px;min-height:20px}.background-swatch{width:20px;height:20px;flex:0 0 20px;padding:0;border:1px solid #222;border-radius:0;background:repeating-conic-gradient(#bbb 0% 25%,#fff 0% 50%) 0/12px 12px;cursor:pointer}.background-swatch>span{display:block;width:100%;height:100%}.background-swatch:focus-visible{outline:2px solid #4349dc;outline-offset:2px}
.reference-designer .reference-image-tools{display:grid;gap:12px;font-size:14px;font-weight:400;color:#172c41;padding:4px 0 0;}
.reference-image-tools .image-fit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.reference-image-tools .image-transform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px}
.reference-image-tools .image-command-row,.reference-image-tools .image-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.reference-designer .reference-image-tools .btn{width:100%;min-width:0;height:45px;min-height:45px;padding:0 6px;border:0;border-radius:4px;background:#eff1f4;box-shadow:none;color:#172c41;font-size:14px;font-weight:400;line-height:17px;display:flex;align-items:center;justify-content:center}
.reference-designer .reference-image-tools .image-fit-row .btn{display:block}
.reference-image-tools .btn:hover{background:#e4e9ef}.reference-image-tools .btn:focus-visible{outline:2px solid #409eff;outline-offset:2px}
.reference-designer .reference-image-tools .icon-tool svg{width:22px;height:22px;stroke-width:1.7}
.image-rotation-row{display:grid;grid-template-columns:40px minmax(0,1fr) 90px;align-items:center;gap:14px;min-height:54px;margin:0 0 12px}
.image-rotation-row>input[type=range]{appearance:none;width:100%;height:6px;border:0;border-radius:4px;background:linear-gradient(to right,#409eff 0%,#409eff 50%,#e4e7ed 50%,#e4e7ed 100%);padding:0;margin:0;accent-color:#409eff;cursor:pointer}
.image-rotation-row>input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border:2px solid #409eff;border-radius:50%;background:#fff}
.image-angle-stepper{height:40px;display:grid;grid-template-columns:minmax(0,1fr) 39px;border:1px solid #dcdfe6;border-radius:4px;overflow:hidden}
.image-angle-stepper>input{appearance:textfield;-moz-appearance:textfield;width:100%;min-width:0;border:0;padding:0;text-align:center;color:#606266;font:inherit;background:white}
.image-angle-stepper>input::-webkit-inner-spin-button,.image-angle-stepper>input::-webkit-outer-spin-button{appearance:none;margin:0}
.image-angle-stepper>div{display:grid;grid-template-rows:1fr 1fr;border-left:1px solid #dcdfe6}
.image-angle-stepper button{display:grid;place-items:center;border:0;padding:0;background:#f5f7fa;color:#909399;cursor:pointer}.image-angle-stepper button+button{border-top:1px solid #dcdfe6}.image-angle-stepper button svg{width:12px;height:12px}
.image-tile-settings{margin-top:4px;font-size:12px}.image-tile-settings summary{cursor:pointer;margin-bottom:10px}.image-tile-settings .tile-settings{margin-bottom:10px}.image-tile-settings>[data-extra=untile]{margin-top:8px}
.image-extra-properties{display:grid;gap:12px}.image-extra-properties h3{font-size:12px;font-weight:400;margin:0}
.reference-designer .canvas-frame{outline:none;border:0!important;max-width:none}
.reference-designer .design-seam-guide{border:2px dashed #263a99}
.editor-guide-diagram{position:relative;width:min(100%,380px);height:120px;margin:18px auto;background:repeating-conic-gradient(#d3d3d3 0% 25%,#fff 0% 50%) 0/12px 12px;border:1px solid #e4e6eb}
.editor-guide-diagram-seam{position:absolute;inset:24px 42px;border:2px dashed #263a99}
.editor-guide-diagram-center{position:absolute;left:50%;top:50%;width:46px;height:26px;transform:translate(-50%,-50%)}
.editor-guide-diagram-center::before,.editor-guide-diagram-center::after{content:"";position:absolute;border-color:#8df397;border-style:dashed;border-width:0}
.editor-guide-diagram-center::before{left:0;right:0;top:50%;border-top-width:2px}
.editor-guide-diagram-center::after{top:0;bottom:0;left:50%;border-left-width:2px}
.editor-guide-legend{list-style:none;display:grid;gap:12px;padding:0;margin:16px 0}
.editor-guide-legend li{display:grid;grid-template-columns:20px auto 1fr;align-items:center;gap:8px}
.editor-guide-legend li span{color:#707780}
.editor-guide-swatch{display:block;height:0}
.editor-guide-swatch.seam{border-top:3px dashed #263a99}
.editor-guide-swatch.center{border-top:3px dashed #8df397}
.reference-designer .reference-image-tools .image-tile-grid .btn.active{background:#4745bd;color:#fff}
.reference-designer .canvas-frame>.canvas-container,.reference-designer .canvas-frame canvas{max-width:none}