.pos-group[data-v-fee96fca]{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pos-btn[data-v-fee96fca]{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-input);color:var(--text-2);font-size:13px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pos-btn.on[data-v-fee96fca]{background:var(--grad);border-color:transparent;color:#fff;box-shadow:var(--glow)}.pos-btn[data-v-fee96fca]:not(.on):hover{border-color:var(--brand);color:var(--text)}.pos-btn .ico[data-v-fee96fca]{width:20px;height:20px;flex-shrink:0}.pos-grid[data-v-fee96fca]{display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:repeat(3,20px);gap:2px;padding:3px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-input)}.pos-cell[data-v-fee96fca]{display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-3);cursor:pointer;transition:background .15s,color .15s}.pos-cell[data-v-fee96fca]:hover{background:#818cf82e;color:var(--text)}.pos-cell.on[data-v-fee96fca]{background:var(--grad);color:#fff}.pos-cell .ico[data-v-fee96fca]{width:20px;height:20px}.overlay-canvas[data-v-c99a4810]{position:absolute}.canvas-viewport[data-v-c99a4810]{position:relative;overflow:hidden}.canvas-viewport.slide-left .canvas-wrap[data-v-c99a4810]{animation:slideL-c99a4810 .3s ease}.canvas-viewport.slide-right .canvas-wrap[data-v-c99a4810]{animation:slideR-c99a4810 .3s ease}@keyframes slideL-c99a4810{0%{transform:translate(-30px);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes slideR-c99a4810{0%{transform:translate(30px);opacity:.4}to{transform:translate(0);opacity:1}}.nav-arrow[data-v-c99a4810]{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:88px;border:none;background:linear-gradient(-90deg,#0f172a8c,#0f172a00);color:#fff;display:flex;align-items:center;justify-content:flex-start;padding-left:8px;cursor:pointer;z-index:10;transition:background .18s,transform .18s;opacity:.75}.nav-arrow[data-v-c99a4810]:hover{opacity:1;background:linear-gradient(-90deg,#0f172abf,#0f172a0d)}.nav-arrow svg[data-v-c99a4810]{width:32px;height:32px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.nav-prev[data-v-c99a4810]{left:0;border-radius:0 12px 12px 0}.nav-next[data-v-c99a4810]{right:0;justify-content:flex-end;padding-right:8px;background:linear-gradient(90deg,#0f172a8c,#0f172a00);border-radius:12px 0 0 12px}.nav-next[data-v-c99a4810]:hover{background:linear-gradient(90deg,#0f172abf,#0f172a0d)}.nav-counter[data-v-c99a4810]{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:12px;color:#fff;background:#0f172a8c;padding:3px 10px;border-radius:12px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hint-list[data-v-c99a4810]{margin:0;padding-left:18px;list-style:decimal}.hint-list li[data-v-c99a4810]{margin:2px 0}.tool-group[data-v-c99a4810]{display:inline-flex;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;background:var(--bg-input)}.tool-btn[data-v-c99a4810]{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:none;background:transparent;color:var(--text-2);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.tool-btn+.tool-btn[data-v-c99a4810]{border-left:1px solid var(--border)}.tool-btn.on[data-v-c99a4810]{background:var(--grad);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.tool-btn[data-v-c99a4810]:not(.on):hover{background:var(--hover-bg);color:var(--text)}.tool-btn .ico[data-v-c99a4810]{width:14px;height:14px;flex-shrink:0}.btn .ico[data-v-c99a4810]{width:14px;height:14px;margin-right:6px;vertical-align:-2px;flex-shrink:0}.btn[data-v-c99a4810]{display:inline-flex;align-items:center}.batch-strip[data-v-c99a4810]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}.batch-thumb[data-v-c99a4810]{position:relative;border:2px solid var(--border-strong);border-radius:8px;padding:3px;cursor:pointer;background:var(--card-bg);transition:border-color .15s,box-shadow .15s}.batch-thumb.active[data-v-c99a4810]{border-color:var(--brand);box-shadow:0 0 0 2px #818cf84d,0 4px 14px #6366f14d}.batch-thumb img[data-v-c99a4810]{display:block;width:64px;height:auto;border-radius:3px}.thumb-label[data-v-c99a4810]{display:block;font-size:11px;color:var(--text-3);text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-remove[data-v-c99a4810]{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:13px;line-height:18px;cursor:pointer}.batch-add[data-v-c99a4810]{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:1.5px dashed var(--border-strong);border-radius:8px;cursor:pointer;color:var(--text-3);font-size:13px;transition:border-color .15s,color .15s}.batch-add[data-v-c99a4810]:hover{border-color:var(--brand);color:var(--brand)}.results-panel[data-v-c99a4810]{margin-top:16px}.results-panel h3[data-v-c99a4810]{margin:0 0 12px}.results-grid[data-v-c99a4810]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.result-card[data-v-c99a4810]{border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--card-bg);transition:box-shadow .2s,transform .2s,border-color .2s}.result-card[data-v-c99a4810]:hover{border-color:#818cf880;box-shadow:0 8px 24px #02061780,0 0 0 1px #818cf840;transform:translateY(-3px)}.result-card img[data-v-c99a4810]{width:100%;height:100px;object-fit:cover;display:block}.result-info[data-v-c99a4810]{display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.result-name[data-v-c99a4810]{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.lightbox[data-v-c99a4810]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;display:flex;align-items:center;justify-content:center;animation:lbFadeIn-c99a4810 .2s ease}@keyframes lbFadeIn-c99a4810{0%{opacity:0}to{opacity:1}}.lightbox-img[data-v-c99a4810]{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 40px #00000080;animation:lbZoomIn-c99a4810 .25s ease}@keyframes lbZoomIn-c99a4810{0%{transform:scale(.92);opacity:.5}to{transform:scale(1);opacity:1}}.lightbox-close[data-v-c99a4810]{position:absolute;top:16px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:26px;cursor:pointer}.lightbox-close[data-v-c99a4810]:hover{background:#ffffff4d}.lightbox-arrow[data-v-c99a4810]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:28px;cursor:pointer}.lightbox-arrow[data-v-c99a4810]:hover{background:#ffffff40}.lb-prev[data-v-c99a4810]{left:16px}.lb-next[data-v-c99a4810]{right:16px}.lightbox-counter[data-v-c99a4810]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px}html:not([data-theme=light]) .tool-group[data-v-c99a4810]{border-color:#ffffff80}html:not([data-theme=light]) .tool-btn[data-v-c99a4810]{color:#fff}html:not([data-theme=light]) .tool-btn+.tool-btn[data-v-c99a4810]{border-left-color:#ffffff4d}html:not([data-theme=light]) .tool-btn[data-v-c99a4810]:not(.on):hover{background:#ffffff24;color:#fff}html:not([data-theme=light]) .batch-thumb[data-v-c99a4810]{border-color:#fff6}html:not([data-theme=light]) .batch-add[data-v-c99a4810]{border-color:#ffffff8c;color:#fff}html:not([data-theme=light]) .batch-add[data-v-c99a4810]:hover{border-color:#fff;color:#fff}html:not([data-theme=light]) .result-card[data-v-c99a4810]{border-color:#ffffff4d}html:not([data-theme=light]) .value-tip[data-v-c99a4810],html:not([data-theme=light]) .thumb-label[data-v-c99a4810]{color:#c3cddf}:root{--bg: #060913;--bg-panel: rgba(255, 255, 255, .045);--bg-panel-solid: #0e1526;--bg-input: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #ffffff;--text-2: #e2e9f4;--text-3: #c3cddf;--brand: #818cf8;--grad: linear-gradient(135deg, #6366f1 0%, #a855f7 55%, #ec4899 100%);--grad-soft: linear-gradient(135deg, rgba(99, 102, 241, .25), rgba(168, 85, 247, .25));--glow: 0 6px 24px rgba(99, 102, 241, .35);--shadow: 0 16px 48px rgba(2, 6, 23, .5);--radius: 16px;--nav-bg: rgba(6, 9, 19, .72);--hover-bg: rgba(255, 255, 255, .07);--card-bg: rgba(255, 255, 255, .035);--canvas-bg: rgba(2, 6, 23, .5);--sheen: linear-gradient(160deg, rgba(129, 140, 248, .08), transparent 45%);--upload-bg: linear-gradient(160deg, rgba(99, 102, 241, .07), rgba(168, 85, 247, .04));--upload-bg-hover: linear-gradient(160deg, rgba(99, 102, 241, .14), rgba(168, 85, 247, .09));--hint-bg: rgba(99, 102, 241, .12);--hint-border: rgba(99, 102, 241, .32);--title-glow: drop-shadow(0 4px 24px rgba(168, 85, 247, .25));--aurora: radial-gradient(52rem 30rem at 12% -8%, rgba(99, 102, 241, .22), transparent 60%), radial-gradient(46rem 28rem at 88% -4%, rgba(168, 85, 247, .16), transparent 60%), radial-gradient(60rem 40rem at 50% 110%, rgba(14, 165, 233, .12), transparent 65%)}html[data-theme=light]{--bg: #eef2f9;--bg-panel: rgba(255, 255, 255, .82);--bg-panel-solid: #ffffff;--bg-input: #ffffff;--border: #dde5ef;--border-strong: #c3cfe0;--text: #0f172a;--text-2: #334155;--text-3: #52627a;--brand: #4f46e5;--glow: 0 6px 20px rgba(79, 70, 229, .22);--shadow: 0 10px 30px rgba(15, 23, 42, .1);--nav-bg: rgba(255, 255, 255, .85);--hover-bg: #e8edfb;--card-bg: #f7f9fd;--canvas-bg: #f1f5f9;--sheen: linear-gradient(160deg, rgba(79, 70, 229, .05), transparent 45%);--upload-bg: rgba(255, 255, 255, .6);--upload-bg-hover: #e9edff;--hint-bg: #eef1fe;--hint-border: #d9defc;--title-glow: drop-shadow(0 4px 18px rgba(99, 102, 241, .2));--aurora: radial-gradient(52rem 30rem at 12% -8%, rgba(99, 102, 241, .1), transparent 60%), radial-gradient(46rem 28rem at 88% -4%, rgba(168, 85, 247, .08), transparent 60%), radial-gradient(60rem 40rem at 50% 110%, rgba(14, 165, 233, .07), transparent 65%)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}html[data-theme=light]{color-scheme:light}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--aurora)}::selection{background:#818cf866}a{color:var(--brand)}.navbar{background:var(--nav-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:.5px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-brand svg{width:28px;height:28px;color:var(--brand);filter:drop-shadow(0 0 8px rgba(129,140,248,.5))}.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);cursor:pointer;transition:all .2s}.theme-toggle:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--glow)}.theme-toggle svg{width:18px;height:18px}.nav-links{display:flex;gap:8px;font-size:14px;color:var(--text-2)}.nav-links a{color:inherit;text-decoration:none;cursor:pointer;padding:6px 14px;border-radius:8px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--hover-bg)}.nav-links a.active{color:#fff;font-weight:600;background:var(--grad-soft);box-shadow:inset 0 0 0 1px #818cf873}.nav-more{font-size:13px;color:var(--text-2);text-decoration:none;padding:7px 16px;border:1px solid var(--border-strong);border-radius:999px;transition:all .2s}.nav-more:hover{border-color:var(--brand);color:#fff;box-shadow:var(--glow)}.container{max-width:1100px;margin:0 auto;padding:48px 24px 72px}.hero{text-align:center;margin-bottom:40px}.hero h1{font-size:38px;font-weight:800;letter-spacing:1px;margin-bottom:12px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:var(--title-glow)}.hero p{font-size:15px;color:var(--text-2)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.tool-card{position:relative;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:30px;text-decoration:none;color:inherit;transition:all .25s ease;display:block;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.tool-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--sheen);pointer-events:none}.tool-card:hover{border-color:#818cf88c;box-shadow:var(--glow),var(--shadow);transform:translateY(-4px)}.tool-card .tool-icon{width:52px;height:52px;background:var(--grad);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--glow)}.tool-card .tool-icon svg{width:26px;height:26px;color:#fff}.tool-card h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.tool-card p{font-size:13px;color:var(--text-2)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #02061759}.panel h2{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.panel h3{color:var(--text)}.form-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:14px}.form-item{display:flex;flex-direction:column;gap:5px}.form-item label{font-size:12px;color:var(--text-3);font-weight:500;letter-spacing:.5px}.form-item input[type=text],.form-item select{padding:8px 12px;border:1px solid var(--border-strong);border-radius:8px;font-size:13px;color:var(--text);background:var(--bg-input);outline:none;transition:border-color .2s,box-shadow .2s}.form-item select option{background:var(--bg-panel-solid);color:var(--text)}.form-item input:focus,.form-item select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #818cf838}.form-item input[type=range]{accent-color:#a855f7;width:140px}.form-item input[type=color]{width:42px;height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-input);padding:2px;cursor:pointer}.value-tip{font-size:12px;color:var(--text-3);min-width:40px}.upload-zone{position:relative;border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:52px 24px;text-align:center;cursor:pointer;transition:all .25s ease;background:var(--upload-bg)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--brand);background:var(--upload-bg-hover);box-shadow:var(--glow)}.upload-zone h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.upload-zone p{font-size:12px;color:var(--text-2)}.btn{padding:9px 24px;border:none;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--grad);color:#fff;font-weight:600;letter-spacing:.5px;box-shadow:var(--glow)}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 8px 30px #a855f773;transform:translateY(-1px)}.btn-primary:disabled{background:#ffffff1f;color:var(--text-3);box-shadow:none;cursor:not-allowed;transform:none;filter:none}.btn-ghost{background:var(--card-bg);border:1px solid var(--border-strong);color:var(--text-2)}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:#fff;box-shadow:0 0 0 3px #818cf826}.btn-ghost:disabled{opacity:.38;cursor:not-allowed}.btn-sm{padding:5px 14px;font-size:13px;border-radius:8px}html:not([data-theme=light]) .btn-ghost{border-color:#ffffffa6;color:#fff}html:not([data-theme=light]) .btn-ghost:hover:not(:disabled){border-color:#fff;color:#fff;box-shadow:0 0 0 3px #ffffff2e}html:not([data-theme=light]) .btn-ghost:disabled{opacity:.65;border-color:#fff6;color:#ffffffad}html:not([data-theme=light]) .btn-primary:disabled{background:#ffffff29;color:#fff9}html[data-theme=light] .nav-links a.active,html[data-theme=light] .nav-more:hover{color:var(--brand)}html[data-theme=light] .btn-ghost:hover:not(:disabled){color:var(--brand)}html[data-theme=light] .theme-toggle:hover{color:var(--brand)}.canvas-wrap{position:relative;display:flex;justify-content:center;background:var(--canvas-bg);border:1px solid var(--border);border-radius:14px;padding:16px;overflow:auto}.canvas-wrap canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 8px 28px #0206174d}.canvas-layer{position:absolute;pointer-events:none}.canvas-wrap::-webkit-scrollbar{width:8px;height:8px}.canvas-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.canvas-wrap::-webkit-scrollbar-track{background:transparent}.result-list{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg);transition:border-color .2s}.result-item:hover{border-color:#818cf866}.result-item img{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.result-item .rname{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-item .rsize{font-size:12px;color:var(--text-3)}.site-footer{border-top:1px solid var(--border);background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:30px 24px;text-align:center;font-size:13px;color:var(--text-3)}.site-footer a{color:var(--brand);text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:10px;flex-wrap:wrap}.hint{font-size:13px;color:var(--text-2);background:var(--hint-bg);border:1px solid var(--hint-border);border-radius:12px;padding:12px 16px;margin-bottom:16px}.hint.warn{background:#f59e0b1a;border-color:#f59e0b59;color:#fbbf24}html[data-theme=light] .hint.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}@media(max-width:640px){.navbar{padding:0 16px}.nav-links{display:none}.container{padding:28px 14px 48px}.hero h1{font-size:28px}.form-row{flex-direction:column;align-items:stretch}}