@font-face{font-family:GenSenRounded W7;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/GenSenRounded-W7.woff2) format("woff2")}@font-face{font-family:Noto Sans TC Bold;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/NotoSansTC-Bold.otf) format("opentype")}:root{--bg: #f9fafb;--bg-elev: #ffffff;--fg: #111827;--fg-muted: #6b7280;--border: #e5e7eb;--primary: #7c3aed;--primary-hover: #6d28d9;--danger: #dc2626;--success: #16a34a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box}body{margin:0;font-family:Microsoft JhengHei,PingFang TC,Noto Sans TC,-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5}#app{max-width:1200px;margin:1.5rem auto;padding:0 1rem}header.app-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}header.app-header h1{margin:0;font-size:1.5rem;font-weight:700}header.app-header .subtitle{color:var(--fg-muted);font-size:.875rem}.section{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.section h2{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--fg)}.section h3{margin:.5rem 0;font-size:.875rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px}.upload-zone{border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .15s ease;background:var(--bg)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:#7c3aed0a}.upload-zone .hint{color:var(--fg-muted);font-size:.875rem;margin-top:.5rem}.upload-zone input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.file-list{list-style:none;padding:0;margin:1rem 0 0;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:6px}.file-list:empty{display:none}.file-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.8125rem}.file-list li:last-child{border-bottom:none}.file-list li img.thumb{width:36px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.file-list li .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list li .file-size{color:var(--fg-muted);font-size:.75rem}.file-list li button.remove{background:none;border:none;color:var(--danger);cursor:pointer;padding:.25rem .5rem;font-size:1rem}.file-list-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.8125rem;color:var(--fg-muted)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 720px){.options-grid{grid-template-columns:1fr}}.options-block{border:1px solid var(--border);border-radius:6px;padding:1rem}.options-block .field{margin-bottom:.75rem}.options-block .field:last-child{margin-bottom:0}.options-block label.field-label{display:block;font-weight:700;font-size:.8125rem;color:var(--fg-muted);margin-bottom:.375rem}.options-block input[type=text],.options-block select{width:100%;padding:.4rem .6rem;border:1px solid var(--border);border-radius:4px;font:inherit;font-size:.875rem;background:#fff}.options-block input[type=color]{width:48px;height:32px;padding:2px;border:1px solid var(--border);border-radius:4px;vertical-align:middle;cursor:pointer}.options-block .color-row{display:flex;align-items:center;gap:.5rem}.options-block .color-row .hex-display{font-family:ui-monospace,SF Mono,Consolas,monospace;color:var(--fg-muted);font-size:.8125rem}.position-grid{display:grid;grid-template-columns:repeat(2,auto);gap:.25rem .5rem;margin-bottom:.25rem}.position-grid label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;cursor:pointer}.position-quick{font-size:.75rem;color:var(--primary);cursor:pointer;margin-left:.25rem}.position-quick:hover{text-decoration:underline}button.primary,button.secondary,button.danger{padding:.5rem 1rem;border-radius:6px;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .1s ease}button.primary{background:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.primary:disabled{background:#d1d5db;cursor:not-allowed}button.secondary{background:var(--bg-elev);color:var(--fg);border-color:var(--border)}button.secondary:hover:not(:disabled){background:var(--bg)}button.danger{background:#fff;color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:#dc26260d}button.process{font-size:1rem;padding:.75rem 2rem;width:100%;margin:1rem 0}.progress{margin-top:.75rem}.progress-bar-bg{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);transition:width .15s ease}.progress-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.results-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.result-card{border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);overflow:hidden;position:relative;transition:border-color .1s ease}.result-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #7c3aed26}.result-card .thumb-wrap{aspect-ratio:1 / 1;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-card .thumb-wrap img{width:100%;height:100%;object-fit:contain}.result-card .card-body{padding:.5rem;font-size:.6875rem;font-family:ui-monospace,monospace;color:var(--fg-muted);word-break:break-all}.result-card input.select-checkbox{position:absolute;top:.5rem;left:.5rem;width:18px;height:18px;cursor:pointer;background:#fff;border-radius:3px}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:var(--danger);padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.empty-state{text-align:center;padding:2rem;color:var(--fg-muted);font-size:.875rem}