:root{font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#24262b;background:#f7f9f8;font-synthesis:none;--ink: #18211d;--muted: #546159;--line: #cbd5cf;--surface: #fff;--accent: #178447;--accent-dark: #0e6535;--green: #178447;--header: #ffffff}*{box-sizing:border-box}html{min-width:320px;background:#f7f9f8}body{margin:0;min-width:320px;min-height:100vh;background:#f7f9f8}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(23,132,71,.22);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{height:68px;flex:0 0 68px;background:#fffffff5;color:var(--ink);border-bottom:1px solid #dce3df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{max-width:1920px;height:100%;margin:0 auto;padding:0 26px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:14px;min-width:220px;color:var(--ink);text-decoration:none}.brand img{display:block;width:116px;height:auto}.brand strong{padding-left:14px;border-left:1px solid #dce3df;color:#37443d;font-size:13px;line-height:24px}.privacy-note{margin-left:auto;display:flex;align-items:center;gap:7px;color:#245f3c;font-size:12px;font-weight:650}.privacy-note svg{color:var(--green)}.language-switch{flex:0 0 auto;display:inline-flex;gap:3px;padding:3px;border:1px solid #dce3df;border-radius:8px;background:#f4f7f5}.language-switch button{min-width:42px;height:30px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.language-switch button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #18211d1a}.button{min-height:38px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;font-size:13px;font-weight:650;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.button:active:not(:disabled){transform:translateY(1px)}.header-button{background:var(--accent);color:#fff;border-radius:6px}.header-button:hover{background:var(--accent-dark)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-secondary{background:#f5f5f5;border:1px solid var(--line)}.button-secondary:hover{background:#ececee}.workspace{width:100%;max-width:1920px;height:calc(100vh - 132px);min-height:610px;margin:0 auto;display:grid;grid-template-columns:276px minmax(450px,1fr) 318px;background:#fff;overflow:hidden;border-inline:1px solid #dce3df}.mobile-pane{display:contents}.queue-panel,.inspector-panel{min-width:0;background:var(--surface);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8cace transparent}.queue-panel{border-right:1px solid var(--line);padding:18px 16px}.inspector-panel{border-left:1px solid var(--line);padding-bottom:22px}.panel-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#8a8e95}.panel-heading>div{display:flex;align-items:center;gap:9px}.panel-heading h2{margin:0;color:var(--ink);font-size:15px;line-height:1.2;font-weight:720}.step-number{width:23px;height:23px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:11px;font-weight:750;border-radius:4px}.inspector-panel>.panel-heading{padding:18px 18px 0}.inspector-panel>.section-heading{padding-top:14px;margin-top:4px;border-top:1px solid #ececee}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}.icon-button:hover:not(:disabled){background:#f3f3f4;border-color:#c7c9cd}.icon-button.dark{width:32px;height:32px;color:#d7d9dc;border-color:#484c53;background:#30333a}.icon-button.dark:hover:not(:disabled){background:#3a3e45;border-color:#656a73}.empty-queue{width:100%;min-height:218px;border:1px dashed #c9ccd1;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.empty-queue:hover{border-color:var(--accent);background:#f2faf5}.empty-icon{width:54px;height:54px;display:grid;place-items:center;color:#656a72;background:#eceef0;margin-bottom:3px}.empty-queue strong{font-size:14px}.empty-queue>span:not(.empty-icon){color:var(--muted);font-size:11px}.empty-queue em{margin-top:7px;display:flex;align-items:center;gap:5px;color:var(--accent);font-style:normal;font-size:12px;font-weight:700}.queue-list{display:grid;gap:7px}.queue-item{position:relative;width:100%;min-height:67px;padding:7px 27px 7px 31px;border:1px solid transparent;background:#f5f6f7;display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:center;text-align:left;cursor:pointer}.queue-item:hover{border-color:#d2d4d8}.queue-item.selected{background:#fff;border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.queue-item img{width:46px;height:50px;object-fit:cover;background:#ddd;border:1px solid #d6d7da}.queue-index{position:absolute;left:8px;top:8px;color:#969aa1;font-size:9px;font-variant-numeric:tabular-nums}.queue-meta{min-width:0;display:grid;gap:5px}.queue-meta strong{overflow:hidden;color:#2f3237;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.queue-meta small{color:#858991;font-size:9px;white-space:nowrap}.queue-state{position:absolute;top:7px;right:7px;width:16px;height:16px;display:grid;place-items:center;border:1px solid #d6d8dc;border-radius:50%;color:#fff}.queue-state.ready{background:var(--green);border-color:var(--green)}.remove-item{position:absolute;right:6px;bottom:6px;width:21px;height:21px;display:none;place-items:center;color:#8b8e94}.queue-item:hover .remove-item{display:grid}.remove-item:hover{color:var(--accent)}.add-more{width:100%;height:35px;margin-top:9px;border:1px dashed #c7c9ce;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;color:#61656c;font-size:11px;cursor:pointer}.add-more:hover{border-color:var(--accent);color:var(--accent)}.process-all{width:100%;margin-top:10px}.editor-panel{min-width:0;min-height:0;display:grid;grid-template-rows:51px minmax(0,1fr) 31px;background:#25282d;color:#fff;overflow:hidden}.empty-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background-color:#25282d;background-image:linear-gradient(#2c2f34 1px,transparent 1px),linear-gradient(90deg,#2c2f34 1px,transparent 1px);background-size:24px 24px}.empty-editor-graphic{width:112px;height:112px;display:grid;place-items:center;margin-bottom:23px;color:#58c581;border:1px solid #4d5158;background:#2b2e33;box-shadow:10px 10px #1f2125;cursor:pointer;transition:color .16s,border-color .16s,background .16s,transform .16s}.empty-editor-graphic:hover{color:#fff;border-color:#58c581;background:#30363a;transform:translateY(-2px)}.empty-editor.is-dragging{background-color:#1f3227}.empty-editor.is-dragging .empty-editor-graphic{color:#fff;border-color:#58c581;background:#178447;transform:translateY(-2px)}.empty-editor h1{margin:0 0 10px;font-family:Songti SC,SimSun,serif;font-size:26px;letter-spacing:0}.empty-editor p{margin:0;color:#a8acb2;font-size:13px}.empty-editor-drop-hint{margin-top:17px;display:inline-flex;align-items:center;gap:6px;color:#75d39a;font-size:11px}.editor-toolbar{min-width:0;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1d1f23;border-bottom:1px solid #3d4046}.view-tabs{height:100%;display:flex;align-items:stretch}.view-tabs button{position:relative;min-width:72px;border:0;background:transparent;color:#aeb2b9;font-size:11px;cursor:pointer}.view-tabs button:hover{color:#fff}.view-tabs button.active{color:#fff;font-weight:650}.view-tabs button:disabled{color:#656971}.view-tabs button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--accent)}.canvas-actions{display:flex;align-items:center;gap:5px}.tool-button{height:32px;padding:0 9px;border:1px solid #4b4f56;background:#30333a;color:#e2e4e7;display:inline-flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.tool-button:hover{border-color:#696e77;background:#393d44}.tool-button.muted{color:#aeb2b9}.tool-button.confirm-button{border-color:#2e9a5a;background:#178447;color:#fff;font-weight:700}.tool-button.confirm-button:hover:not(:disabled){border-color:#42b06f;background:#209451}.tool-button.confirm-button.confirmed{border-color:#4a5350;background:#343936;color:#9fa7a2}.canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;background-color:#25282d;background-image:linear-gradient(45deg,#282b30 25%,transparent 25%),linear-gradient(-45deg,#282b30 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#282b30 75%),linear-gradient(-45deg,transparent 75%,#282b30 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:7px 10px;color:#e4e6e9;background:#121316c7;border:1px solid rgba(255,255,255,.16);font-size:10px;pointer-events:none;white-space:nowrap}.canvas-busy{position:absolute;top:12px;right:13px;display:flex;align-items:center;gap:7px;padding:7px 9px;background:#17191ddb;color:#d8dade;font-size:10px}.canvas-busy span{width:11px;height:11px;border:2px solid #5a5e66;border-top-color:#58c581;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.canvas-wrap.is-compare canvas{cursor:ew-resize}.compare-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;background:transparent;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.compare-slider:focus-visible{outline:2px solid #fff;outline-offset:-4px}.compare-divider{position:absolute;z-index:3;top:0;bottom:0;width:2px;transform:translate(-1px);background:#fff;box-shadow:0 0 0 1px #0000002e;pointer-events:none}.compare-divider>span{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 3px 12px #00000057}.compare-label{position:absolute;z-index:3;top:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.2);background:#17191dc2;color:#fff;font-size:9px;pointer-events:none}.before-label{left:14px}.after-label{right:14px}.editor-status{min-width:0;padding:0 12px;background:#1d1f23;border-top:1px solid #3a3d43;display:flex;align-items:center;gap:16px;color:#91959c;font-size:9px}.editor-status>span:first-child{min-width:0;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4c7cc}.local-state{margin-left:auto;display:flex;align-items:center;gap:5px}.local-state i{width:6px;height:6px;border-radius:50%;background:#36b783}.inspector-section{padding:0 18px 14px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:17px}.preset-grid button{min-width:0;height:62px;padding:7px 3px;border:1px solid var(--line);background:#fff;display:grid;justify-items:center;gap:5px;color:#666a71;font-size:9px;cursor:pointer}.preset-grid button:hover:not(:disabled){border-color:#b7bac0}.preset-grid button.active{border-color:var(--accent);color:var(--accent-dark);box-shadow:inset 0 -2px 0 var(--accent)}.preset-swatch{width:35px;height:22px;border:1px solid #d1d3d6;background:linear-gradient(90deg,#bcbcbc 0,#bcbcbc 35%,#f4f4f4 35%)}.preset-swatch.document{background:linear-gradient(90deg,#8e8e8e 0,#8e8e8e 32%,#fff 32%)}.preset-swatch.strong{background:linear-gradient(90deg,#333 0,#333 29%,#fff 29%)}.range-control{display:grid;gap:7px;margin:0 0 14px}.range-control>span{display:flex;align-items:center;justify-content:space-between;font-size:10px}.range-control b{font-weight:600}.range-control output{min-width:34px;text-align:right;color:#777b82;font-variant-numeric:tabular-nums}.range-control input{width:100%;height:4px;margin:0;accent-color:var(--accent);cursor:pointer}.toggle-row{min-height:48px;margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ececee;border-bottom:1px solid #ececee}.toggle-row>span{display:grid;gap:2px}.toggle-row b{font-size:10px;font-weight:650}.toggle-row small{color:#858990;font-size:8px}.toggle-row input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:18px;flex:0 0 auto;border-radius:9px;background:#c4c7cc;cursor:pointer;transition:background .15s}.toggle-row input:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.toggle-row input:checked{background:var(--accent)}.toggle-row input:checked:after{transform:translate(16px)}.text-button{width:100%;min-height:34px;margin-top:10px;border:0;background:#f2f3f4;display:flex;align-items:center;justify-content:center;gap:6px;color:#555960;font-size:10px;cursor:pointer}.text-button:hover:not(:disabled){background:#e9eaec;color:var(--accent-dark)}.export-section{display:grid;gap:11px;padding-bottom:0}.field-group{display:grid;gap:6px}.field-group>label{color:#575b62;font-size:9px;font-weight:650}select,.dimension-row input{height:34px;width:100%;padding:0 9px;border:1px solid #d7d9dd;border-radius:0;background:#fff;color:#36393e;font-size:10px}.segmented,.format-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7d9dd}.segmented button,.format-row button{height:31px;border:0;background:#fff;font-size:9px;cursor:pointer}.segmented button+button,.format-row button+button{border-left:1px solid #d7d9dd}.segmented button.active,.format-row button.active{background:#2c2f34;color:#fff}.dimension-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dimension-row label{display:grid;gap:5px}.dimension-row span{color:#70747b;font-size:8px}.export-main{width:100%;height:42px;margin-top:2px}.export-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.export-pair button{height:36px;border:1px solid #d2d4d8;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;cursor:pointer}.export-pair button:hover:not(:disabled){border-color:#9ea2a9;background:#f7f7f8}.export-progress{position:relative;height:42px;padding:7px 8px;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;background:#f0f1f2}.export-progress>span{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);transition:width .15s}.export-progress b{font-size:11px;font-variant-numeric:tabular-nums}.export-progress small{grid-column:1 / -1;color:#777b82;font-size:8px}.site-footer{min-height:64px;flex:0 0 64px;padding:0 28px;border-top:1px solid #dce3df;background:#fff;color:var(--muted);font-size:10px}.footer-inner{width:min(100%,1200px);min-height:64px;margin:0 auto;display:flex;align-items:center;gap:22px}.footer-inner>div{display:flex;align-items:center;gap:12px}.footer-inner img{width:76px;height:auto}.site-footer p{margin:0;color:var(--green-dark);font-weight:650}.site-footer small{margin-left:auto;font-size:9px}.footer-copyright{flex:0 0 auto;color:#68756e;white-space:nowrap}.footer-copyright a{color:var(--ink);font-weight:750;text-decoration:none}.footer-copyright a:hover{color:var(--green-dark);text-decoration:underline}.mobile-nav{display:none}.domain-lock{flex:1 1 auto;min-height:520px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#25282d;background-image:linear-gradient(#2c2f34 1px,transparent 1px),linear-gradient(90deg,#2c2f34 1px,transparent 1px);background-size:24px 24px;color:#fff}.domain-lock>svg{width:82px;height:82px;padding:17px;color:#73d09a;border:1px solid #4d5158;background:#2b2e33}.domain-lock h1{margin:24px 0 10px;font-size:24px;letter-spacing:0}.domain-lock p{width:min(560px,100%);margin:0;color:#b7bbc1;font-size:13px;line-height:1.7}.authorized-domain{margin-top:22px;display:grid;gap:5px}.authorized-domain span{color:#8d939b;font-size:10px}.authorized-domain strong{color:#75d39a;font-size:13px;letter-spacing:0}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:24px;background:#101215cc;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.drop-overlay>div{width:min(520px,100%);height:250px;border:2px dashed #ff7a68;background:#25282d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 20px 50px #0000004d}.drop-overlay svg{color:#ff7664}.drop-overlay strong{font-size:18px}.drop-overlay span{color:#b8bbc1;font-size:11px}@media(max-width:1100px){.workspace{grid-template-columns:235px minmax(430px,1fr) 288px}.header-inner{padding-inline:18px}.tool-button{width:32px;padding:0;justify-content:center;font-size:0}.tool-button.confirm-button{width:auto;padding:0 8px;font-size:9px}.footer-inner{gap:14px}.footer-brand span,.site-footer small{display:none}.inspector-section{padding-inline:14px}.inspector-panel>.panel-heading{padding-inline:14px}}@media(max-width:820px){.site-header{height:60px;flex-basis:60px}.header-inner{padding:0 14px}.header-inner{gap:8px}.brand{min-width:0}.brand img{width:104px}.brand strong,.privacy-note{display:none}.header-button{margin-left:0}.mobile-nav{height:47px;flex:0 0 47px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid var(--line)}.mobile-nav button{position:relative;border:0;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;color:#777b82;font-size:11px}.mobile-nav button.active{color:var(--accent-dark);font-weight:700}.mobile-nav button.active:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:3px;background:var(--accent)}.workspace{height:calc(100vh - 107px);min-height:530px;display:block;overflow:hidden}.mobile-pane{display:none;width:100%;height:100%}.mobile-pane.active{display:block}.queue-panel,.inspector-panel,.editor-panel{width:100%;height:100%;border:0}.queue-panel{padding:18px}.queue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-panel{padding-top:1px}.editor-pane.active{display:block}.editor-pane .editor-panel{display:grid}.site-footer{min-height:70px;flex-basis:auto;padding:0 14px}.footer-inner{min-height:70px;padding:10px 0;flex-wrap:wrap;justify-content:space-between;row-gap:5px}.footer-brand img{width:66px}.footer-brand span,.site-footer small{display:none}.site-footer p,.footer-copyright{font-size:9px}.editor-toolbar{padding:0 7px;gap:5px}.view-tabs{flex:1}.view-tabs button{flex:1;min-width:0;font-size:10px}.canvas-actions{gap:3px}.canvas-actions .tool-button.muted{display:none}}@media(max-width:520px){.header-button{min-height:34px;padding-inline:11px;font-size:11px}.language-switch button{min-width:34px;padding-inline:6px}.header-inner{padding-inline:10px}.brand img{width:92px}.brand strong{font-size:18px}.queue-list{grid-template-columns:1fr}.editor-panel{grid-template-rows:86px minmax(0,1fr) 29px}.editor-toolbar{align-items:stretch;padding:0;flex-direction:column;gap:0}.view-tabs{height:43px;flex:0 0 43px}.canvas-actions{height:43px;padding:5px 8px;justify-content:center;background:#24272c;border-top:1px solid #3d4046}.canvas-actions .tool-button{width:auto;padding-inline:9px;font-size:9px}.canvas-actions .confirm-button{padding-inline:7px}.canvas-hint{max-width:90%;overflow:hidden;text-overflow:ellipsis}.inspector-section{padding-inline:18px}.footer-brand{display:none!important}.site-footer p{max-width:58%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}