.image-target-format-tool .itf-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem}.image-target-format-tool .itf-panel{background:transparent;border:0;border-radius:0;padding:0}.image-target-format-tool .itf-actions-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.image-target-format-tool .itf-actions-row-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-left:auto}.image-target-format-tool .itf-actions-row-buttons .itf-btn{min-width:0;white-space:nowrap}.image-target-format-tool .itf-quality-inline{max-width:30rem;width:100%}.dark .image-target-format-tool .itf-card{background:transparent;border-color:#47556973}.dark .image-target-format-tool .itf-panel{background:transparent;border-color:transparent}.image-target-format-tool .itf-section-title{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:700;gap:.625rem}.dark .image-target-format-tool .itf-section-title{color:#f3f4f6}.image-target-format-tool .itf-subtitle{color:#1f2937;font-size:1rem;font-weight:700}.dark .image-target-format-tool .itf-subtitle{color:#f3f4f6}.image-target-format-tool .itf-format-badge{align-items:center;background:#ffedd5;border-radius:9999px;color:#c2410c;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.5rem .75rem}.dark .image-target-format-tool .itf-format-badge{background:#7c2d1266;color:#ffedd5}.image-target-format-tool .itf-upload-area{background:linear-gradient(135deg,#fff7ed,#ffedd580);border:2px dashed rgba(251,146,60,.8);border-radius:1rem;padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.dark .image-target-format-tool .itf-upload-area{background:transparent;border-color:#f973168c}.image-target-format-tool .itf-upload-area.dragover{border-color:#f97316;box-shadow:0 0 0 4px #f9731629}.image-target-format-tool .itf-upload-icon{align-items:center;background:#ffedd5;border-radius:9999px;color:#ea580c;display:inline-flex;height:3rem;justify-content:center;width:3rem}.dark .image-target-format-tool .itf-upload-icon{background:#7c2d1273;color:#ffedd5}.image-target-format-tool .itf-btn{align-items:center;border:1px solid transparent;border-radius:.875rem;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.image-target-format-tool .itf-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.image-target-format-tool .itf-btn:not(:disabled):hover{transform:translateY(-1px)}.image-target-format-tool .itf-btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 12px 24px #f9731633;color:#fff}.image-target-format-tool .itf-btn-primary:not(:disabled):hover{box-shadow:0 14px 28px #f973163d}.dark .image-target-format-tool .itf-btn-primary{box-shadow:0 14px 28px #ea580c47}.image-target-format-tool .itf-btn-secondary{background:#fff;border-color:#fdba72b3;color:#c2410c}.image-target-format-tool .itf-btn-secondary:not(:disabled):hover{background:#fff7ed}.dark .image-target-format-tool .itf-btn-secondary{background:#0f172aeb;border-color:#f9731673;color:#ffedd5}.dark .image-target-format-tool .itf-btn-secondary:not(:disabled):hover{background:#334155e6}.image-target-format-tool .itf-btn-ghost{background:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.image-target-format-tool .itf-btn-ghost:not(:disabled):hover{background:#e5e7eb}.dark .image-target-format-tool .itf-btn-ghost{background:#1e293bd9;border-color:#475569b3;color:#e2e8f0}.dark .image-target-format-tool .itf-btn-ghost:not(:disabled):hover{background:#334155e6}.image-target-format-tool .itf-queue-list,.image-target-format-tool .itf-result-list{display:grid;gap:.75rem}.image-target-format-tool .itf-queue-card{display:flex;flex-direction:column}.image-target-format-tool .itf-queue-scroll{max-height:28rem;min-height:0;overflow-y:auto;padding-right:.25rem}.image-target-format-tool .itf-queue-scroll::-webkit-scrollbar{width:.5rem}.image-target-format-tool .itf-queue-scroll::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:9999px}.dark .image-target-format-tool .itf-queue-scroll::-webkit-scrollbar-thumb{background:#64748bb3}@media (min-width:1024px){.image-target-format-tool .itf-actions-row{flex-wrap:nowrap}.image-target-format-tool .itf-quality-inline{max-width:26rem;width:26rem}.image-target-format-tool .itf-actions-row-buttons{flex-wrap:nowrap;justify-content:flex-end}}.image-target-format-tool .itf-queue-item,.image-target-format-tool .itf-result-item{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:.875rem}.image-target-format-tool .itf-queue-item{cursor:pointer}.dark .image-target-format-tool .itf-queue-item,.dark .image-target-format-tool .itf-result-item{background:transparent;border-color:#47556999}.image-target-format-tool .itf-queue-item.is-active{border-color:#f97316d9;box-shadow:0 0 0 3px #f973161f}.dark .image-target-format-tool .itf-queue-item.is-active{box-shadow:0 0 0 3px #f9731633}.image-target-format-tool .itf-queue-item-main,.image-target-format-tool .itf-result-item-main{align-items:flex-start;display:flex;gap:.875rem}.image-target-format-tool .itf-thumb{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-shrink:0;height:4rem;-o-object-fit:cover;object-fit:cover;width:4rem}.dark .image-target-format-tool .itf-thumb{border-color:#47556999}.image-target-format-tool .itf-item-title{color:#1f2937;font-size:.9375rem;font-weight:700;line-height:1.5;word-break:break-all}.dark .image-target-format-tool .itf-item-title{color:#f3f4f6}.image-target-format-tool .itf-item-meta{color:#6b7280;font-size:.875rem;margin-top:.25rem}.dark .image-target-format-tool .itf-item-meta{color:#94a3b8}.image-target-format-tool .itf-item-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.image-target-format-tool .itf-inline-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;color:#374151;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.image-target-format-tool .itf-inline-btn:hover{background:#fff7ed;border-color:#fb923ccc;color:#c2410c}.dark .image-target-format-tool .itf-inline-btn{background:#1e293bcc;border-color:#475569a6;color:#e2e8f0}.dark .image-target-format-tool .itf-inline-btn:hover{background:#334155e6;border-color:#f9731673;color:#ffedd5}.image-target-format-tool .itf-inline-btn--danger{color:#dc2626}.dark .image-target-format-tool .itf-inline-btn--danger{color:#f87171}.image-target-format-tool .itf-mini-state{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:700;padding:.25rem .625rem;white-space:nowrap}.image-target-format-tool .itf-mini-state--info{background:#fff7ed;color:#9a3412}.image-target-format-tool .itf-mini-state--warning{background:#fefce8;color:#854d0e}.image-target-format-tool .itf-mini-state--success{background:#f0fdf4;color:#166534}.image-target-format-tool .itf-mini-state--error{background:#fef2f2;color:#991b1b}.dark .image-target-format-tool .itf-mini-state--info{background:#7c2d1259;color:#ffedd5}.dark .image-target-format-tool .itf-mini-state--warning{background:#713f1259;color:#fef9c3}.dark .image-target-format-tool .itf-mini-state--success{background:#14532d59;color:#dcfce7}.dark .image-target-format-tool .itf-mini-state--error{background:#7f1d1d59;color:#fee2e2}.image-target-format-tool .itf-empty-list,.image-target-format-tool .itf-empty-state{background:#f9fafbd9;border:1px dashed #d1d5db;border-radius:1rem;color:#6b7280;font-size:.875rem;padding:1.25rem}.image-target-format-tool .itf-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:19rem}.image-target-format-tool .itf-empty-list.hidden,.image-target-format-tool .itf-empty-state.hidden{display:none}.dark .image-target-format-tool .itf-empty-list,.dark .image-target-format-tool .itf-empty-state{background:transparent;border-color:#47556999;color:#94a3b8}.image-target-format-tool .itf-preview-frame{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;min-height:16rem;overflow:hidden;position:relative}.dark .image-target-format-tool .itf-preview-frame{background:transparent;border-color:#47556999}.image-target-format-tool .itf-checkerboard{background-image:linear-gradient(45deg,rgba(203,213,225,.5) 25%,transparent 0),linear-gradient(-45deg,rgba(203,213,225,.5) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(203,213,225,.5) 0),linear-gradient(-45deg,transparent 75%,rgba(203,213,225,.5) 0);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.dark .image-target-format-tool .itf-checkerboard{background-image:linear-gradient(45deg,rgba(71,85,105,.45) 25%,transparent 0),linear-gradient(-45deg,rgba(71,85,105,.45) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(71,85,105,.45) 0),linear-gradient(-45deg,transparent 75%,rgba(71,85,105,.45) 0)}.image-target-format-tool .itf-preview-image{background:transparent;display:block;height:16rem;-o-object-fit:contain;object-fit:contain;width:100%}.image-target-format-tool .itf-preview-image.hidden{display:none}.image-target-format-tool .itf-preview-placeholder{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:center;min-height:16rem;padding:1rem;text-align:center}.image-target-format-tool .itf-preview-placeholder.hidden{display:none}.dark .image-target-format-tool .itf-preview-placeholder{color:#94a3b8}.image-target-format-tool .itf-current-summary{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem}.dark .image-target-format-tool .itf-current-summary{background:transparent;border-color:#47556999}.image-target-format-tool .itf-status{border:1px solid #e5e7eb;border-radius:.875rem;font-size:.875rem;font-weight:600;padding:.75rem .875rem}.image-target-format-tool .itf-status.info{background:#fffbeb;border-color:#fbbf2473;color:#92400e}.image-target-format-tool .itf-status.success{background:#f0fdf4;border-color:#22c55e59;color:#166534}.image-target-format-tool .itf-status.warning{background:#fefce8;border-color:#fbbf2473;color:#854d0e}.image-target-format-tool .itf-status.error{background:#fef2f2;border-color:#f8727273;color:#991b1b}.dark .image-target-format-tool .itf-status.info{background:#78350f59;border-color:#fbbf2459;color:#fef3c7}.dark .image-target-format-tool .itf-status.success{background:#14532d59;border-color:#22c55e59;color:#dcfce7}.dark .image-target-format-tool .itf-status.warning{background:#713f1259;border-color:#eab30859;color:#fef9c3}.dark .image-target-format-tool .itf-status.error{background:#7f1d1d59;border-color:#f8727259;color:#fee2e2}.image-target-format-tool .itf-highlight-panel{background:linear-gradient(135deg,#fff7ed,#ffedd5a6);border:1px solid hsla(31,97%,72%,.45);border-radius:1rem;padding:1rem}.dark .image-target-format-tool .itf-highlight-panel{background:linear-gradient(135deg,#43140780,#1e293be6);border-color:#f9731647}.image-target-format-tool .itf-highlight-icon{align-items:center;background:#f973161f;border-radius:.875rem;color:#ea580c;display:inline-flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.dark .image-target-format-tool .itf-highlight-icon{background:#f9731633;color:#ffedd5}.image-target-format-tool .itf-chip{align-items:center;background:#ffffffe6;border:1px solid hsla(31,97%,72%,.55);border-radius:9999px;color:#9a3412;display:inline-flex;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.dark .image-target-format-tool .itf-chip{background:#1e293be0;border-color:#f973164d;color:#ffedd5}.image-target-format-tool .itf-note-list{display:grid;gap:.75rem}.image-target-format-tool .itf-note-list li{color:#4b5563;font-size:.875rem;line-height:1.7;padding-left:1.25rem;position:relative}.image-target-format-tool .itf-note-list li:before{background:#f97316;border-radius:9999px;content:"";height:.5rem;left:0;position:absolute;top:.625rem;width:.5rem}.dark .image-target-format-tool .itf-note-list li{color:#cbd5e1}.image-target-format-tool .itf-faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem}.dark .image-target-format-tool .itf-faq-item{background:transparent;border-color:#47556999}@media (max-width:768px){.image-target-format-tool .itf-card{padding:1rem}.image-target-format-tool .itf-queue-scroll{max-height:22rem}.image-target-format-tool .itf-empty-state,.image-target-format-tool .itf-preview-image,.image-target-format-tool .itf-preview-placeholder{height:13.5rem;min-height:13.5rem}}