.batch-flow{background:#fff;min-height:calc(100dvh - 60px);padding:20px;color:#606266;font-size:14px}
.batch-flow .btn,.batch-flow-dialog .btn{border-radius:3px;font-size:12px;font-weight:400;min-height:28px;padding:7px 15px;border-color:#dcdfe6;color:#606266;background:#fff;white-space:nowrap}
.batch-flow .btn-primary,.batch-flow-dialog .btn-primary{background:#4442b6;border-color:#4442b6;color:#fff}
.batch-flow-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.batch-flow-top>div{display:flex;align-items:center;gap:10px;border:1px solid #ddd;border-radius:8px;padding:10px}
.batch-flow-top .btn{height:40px;padding:10px 20px;font-size:14px;font-weight:600}
.batch-flow-meta{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:25px 0;color:#999;font-size:13px}.batch-flow-meta b,.batch-flow-submit b{color:#53a534}.batch-flow-meta #batch-clear{height:28px;min-height:28px;line-height:12px;padding:7px 15px}
.batch-flow-meta>label{display:flex;align-items:center;gap:10px}.batch-flow-meta input{width:200px;accent-color:#409eff;appearance:none;height:6px;background:linear-gradient(to right,#409eff var(--batch-thumb-fill,14.2857%),#e4e7ed var(--batch-thumb-fill,14.2857%));border-radius:3px}.batch-flow-meta input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border:2px solid #409eff;background:white;border-radius:50%;cursor:pointer}.batch-flow-meta output{display:inline}
.batch-flow #batch-results{min-height:calc(100dvh - 220px);display:flow-root}.batch-flow-submit{background:#fff;border-top:1px solid #eee;padding:10px 0;display:flex;gap:20px;align-items:center;color:#999;font-size:13px}
.batch-flow-submit .btn{background:#67c23a;color:#fff;border-color:#67c23a;height:40px;padding:10px 20px;font-size:14px}.batch-flow-submit .btn:disabled{opacity:.5}
.batch-preview-group{margin:0 10px 25px}.batch-preview-group h3{font-size:14px;line-height:16px;font-weight:600;background:#f0f1f5;padding:12px 10px;margin:0 0 10px;color:#303133}
.batch-preview-group>div{display:flex;gap:20px;flex-wrap:wrap}.batch-preview-card{width:min(100%,var(--batch-card-width,200px));padding:0;border:1px solid #ddd;border-radius:8px;background:white;text-align:left;cursor:pointer;overflow:hidden;color:#606266;font:inherit}
.batch-preview-picture{position:relative;aspect-ratio:1;background:#f5f6f8}.batch-preview-image{width:100%;height:100%;display:grid;place-items:center}.batch-preview-card img{display:block;width:100%;height:100%;object-fit:contain}.batch-preview-card>span{display:block;padding:14px 10px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.batch-card-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;background:#0008;opacity:0;transition:opacity .15s}.batch-preview-card:hover .batch-card-actions,.batch-preview-card:focus-within .batch-card-actions{opacity:1}.batch-card-actions button{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center;border:0;padding:8px 4px;background:none;color:#fff;font:inherit;font-size:12px;cursor:pointer;min-width:42px}.batch-card-actions svg{width:14px;height:14px}.batch-card-actions button:hover{color:#b3d8ff}.batch-card-actions button:focus-visible{outline:2px solid white;outline-offset:2px}.batch-card-actions button:disabled{cursor:wait;opacity:.5}
.batch-flow-dialog.batch-image-preview{width:min(900px,94vw);margin-top:4dvh;max-height:92dvh}.batch-flow-dialog.batch-image-preview .batch-dialog-content{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:0 20px 20px;overflow:auto}.batch-image-preview .batch-dialog-content>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(92dvh - 90px);object-fit:contain}
@media(hover:none){.batch-card-actions{opacity:1;background:linear-gradient(transparent 55%,#0008);align-items:flex-end}}
.batch-flow #batch-error{color:#b42318;font-size:13px;padding:12px;background:#fff3f0}
.batch-flow-dialog{padding:0;border:0;border-radius:2px;width:min(1200px,94vw);max-width:94vw;max-height:calc(85dvh - 20px);margin:15dvh auto 0;box-shadow:0 8px 30px #0003;color:#606266;font-size:14px}
.batch-flow-dialog[open]{display:flex;flex-direction:column}.batch-flow-dialog>header,.batch-flow-dialog>footer{flex-shrink:0}.batch-flow-dialog .batch-dialog-content{min-height:0;flex:1}
.batch-flow-dialog::backdrop{background:#0008}.batch-flow-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:20px}.batch-flow-dialog h2{font-size:18px;font-weight:400;margin:0;color:#303133}
.batch-close{border:0;background:transparent;color:#999;padding:4px;cursor:pointer}.batch-close svg{width:18px;height:18px}
.batch-flow-dialog .field{height:32px;min-height:32px;border:1px solid #dcdfe6;border-radius:3px;font-size:12px;padding:5px 10px;width:100%;color:#606266;box-shadow:none;min-width:0}
.batch-flow-dialog .batch-dialog-content{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;padding:20px;overflow:auto}
.batch-categories{border:1px solid #eee;border-radius:8px;align-self:stretch;min-height:420px;padding:10px}
.batch-categories button{display:block;width:100%;text-align:left;background:none;border:0;padding:12px 14px;font-size:14px;color:#606266;cursor:pointer}.batch-categories .selected{color:#409eff;font-weight:600;border-bottom:1px solid #eee}
.batch-template-search{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.batch-template-search>div{display:flex;width:270px}.batch-template-search label{display:flex;align-items:center;gap:12px;white-space:nowrap}.batch-template-search select{width:160px!important}
.batch-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 10px;min-height:380px;align-content:start}
.batch-picker-grid article{position:relative;min-width:0;border:1px solid #ebeef5;border-radius:8px;overflow:hidden}.batch-picker-grid label{display:block;cursor:pointer}.batch-picker-grid input[type=checkbox]{position:absolute;top:8px;left:8px;accent-color:#409eff;z-index:1}.batch-picker-grid img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.batch-picker-grid label>span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:10px 5px;font-size:12px}
.batch-favorite{position:absolute;top:6px;right:6px;background:transparent;border:0;color:#b9bbc2;cursor:pointer;padding:0}.batch-favorite svg{width:18px;height:18px}.batch-favorite.active{color:#f5a623}.batch-favorite.active svg{fill:#f5a623}
.batch-picker-footer{display:flex;align-items:center;gap:15px;padding:0 20px 30px 265px;flex-wrap:wrap;font-size:12px}.batch-picker-footer label{display:flex;align-items:center;white-space:nowrap;gap:7px}.batch-picker-footer nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.batch-picker-footer nav .btn{border:0;padding:6px 8px}.batch-picker-footer nav .current{color:#409eff}.batch-picker-footer svg{width:14px;height:14px}.batch-picker-confirm{margin-left:auto;display:flex;gap:10px}.batch-picker-confirm .btn{height:40px;padding:10px 20px}
.batch-material-picker{width:min(1000px,94vw)}.batch-material-picker .batch-dialog-content{grid-template-columns:225px minmax(0,1fr)}.batch-material-picker .batch-categories{height:500px;align-self:start;min-height:0}.batch-material-picker .batch-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr));min-height:370px;margin-top:25px}.batch-material-picker .batch-picker-grid article{align-self:start}.batch-page-jump .field{width:45px;text-align:center;padding:4px}
.batch-material-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 20px}.batch-material-filters>label{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:12px}.batch-material-filters label>div{display:flex;min-width:0}.batch-material-filters label>.field{flex:1}.batch-material-search{display:flex;grid-column:span 2;max-width:270px}.batch-reset{justify-self:end;display:flex;gap:6px;align-items:center}.batch-reset svg{width:14px;height:14px}
.batch-upload{display:flex;align-items:center;gap:10px;margin-top:25px}.batch-upload .btn{display:flex;gap:5px;align-items:center;height:36px;flex-shrink:0}.batch-upload svg{width:18px;height:18px}.batch-upload span{font-size:12px;line-height:1.5;color:#999}
.batch-fit-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:12px;margin:15px 0 0;white-space:nowrap}.batch-fit-tools>div{display:flex;flex-wrap:wrap}.batch-fit-tools .btn{padding:6px 10px;border-radius:0;min-height:28px;margin-left:-1px}.batch-fit-tools .selected{background:#4442b6;border-color:#4442b6;color:white}
.batch-save-success,.batch-save-progress{width:min(520px,94vw);margin-top:100px}.batch-save-success h2{font-weight:600}.batch-save-success .batch-dialog-content,.batch-save-progress .batch-dialog-content{display:flex;flex-wrap:wrap;gap:8px;padding:20px 24px 24px}.batch-save-progress .batch-dialog-content{display:block}.batch-save-progress progress{width:100%;accent-color:#67c23a}
.batch-inline-editor{width:min(1400px,96vw);max-width:96vw;margin-top:20px;height:min(820px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)}.batch-inline-editor .batch-dialog-content{display:block;padding:0;overflow:hidden}.batch-inline-editor iframe{display:block;width:100%;height:100%;border:0}
.batch-embedded-editor .editor-site-nav,.batch-embedded-editor .editor-save-more,.batch-embedded-editor .editor-product-options,.batch-embedded-editor [data-resource=product],.batch-embedded-editor [data-resource=background],.batch-embedded-editor [data-resource=scene],.batch-embedded-editor [data-editor=clear-all],.batch-embedded-editor [data-extra=rulers]{display:none!important}
.batch-embedded-editor.reference-designer{grid-template-rows:64px minmax(0,1fr)!important;height:100dvh!important;min-height:0!important}.batch-embedded-editor .designer-workspace{max-height:calc(100dvh - 64px)}
@media(max-width:1000px){.batch-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.batch-flow-dialog .batch-dialog-content{grid-template-columns:160px minmax(0,1fr);gap:12px}.batch-picker-footer{padding-left:192px}.batch-material-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-material-picker .batch-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.batch-template-search{flex-wrap:wrap}}
@media(max-width:760px){.batch-flow{padding:12px 12px 75px}.batch-flow-top{gap:10px}.batch-flow-top>div{padding:8px}.batch-flow-top .btn{padding:10px 14px}.batch-flow-meta{gap:10px}.batch-flow-meta>label{flex-wrap:wrap}.batch-flow-meta input{width:140px}.batch-preview-group{margin:20px 0 0}.batch-flow-dialog{margin-top:3dvh}.batch-flow-dialog .batch-dialog-content{display:block;padding:12px}.batch-categories{min-height:0!important;display:flex;overflow:auto;margin-bottom:12px;padding:4px}.batch-categories button{width:auto;white-space:nowrap}.batch-picker-grid,.batch-material-picker .batch-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:240px;max-height:40dvh;overflow:auto}.batch-picker-footer{padding:12px;gap:8px}.batch-picker-confirm{margin-left:auto}.batch-material-filters{grid-template-columns:minmax(0,1fr)}.batch-material-search{grid-column:auto}.batch-upload{align-items:flex-start}.batch-fit-tools{white-space:normal;gap:8px}.batch-inline-editor .batch-dialog-content{padding:0}.batch-template-search>div{width:100%}.batch-template-search label{flex-wrap:wrap}.batch-save-success .batch-dialog-content{display:flex}}
.batch-save-success .btn{font-size:14px}.batch-material-picker .batch-picker-footer .btn-primary{background:#409eff;border-color:#409eff}
@media(max-width:760px){.batch-material-picker .batch-categories{height:auto}.batch-flow-dialog{max-height:94dvh}.batch-inline-editor{max-height:calc(100dvh - 40px)}}