/* File Convert: four workspaces and accessible light/dark panels. */
.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.category.convert{background:#f3f5f0;border-color:#e0e5db}
.convert .round-arrow{background:#e5e9e1}
html[data-theme="dark"] .category.convert{background:#202026;border-color:#3e3e47;color:#f3f3f5}
html[data-theme="dark"] .category.convert h2,html[data-theme="dark"] .category.convert p,html[data-theme="dark"] .category.convert .card-bottom{color:#f3f3f5}
html[data-theme="dark"] .convert .round-arrow{background:#36363f;color:#f3f3f5}
.fc-files{list-style:none;margin:20px;padding:0}.fc-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border,#ddd)}
.fc-files strong{display:block;overflow-wrap:anywhere}.fc-files small{display:block;margin-top:5px}.fc-order,.fc-actions{display:flex;gap:8px;flex-wrap:wrap}.fc-order button{font:inherit;padding:7px 10px;cursor:pointer;border:1px solid #aaa;border-radius:7px;background:transparent;color:inherit}.fc-actions{padding:0 20px 20px}.fc-result,.fc-compose{padding:24px}.fc-result{border-top:1px solid #aaa}.fc-result p{overflow-wrap:anywhere}.fc-file-label{display:block;font-weight:600;margin-top:24px}.fc-file-label input{display:block;max-width:100%;margin-top:10px;font:inherit}.fc-compose p{line-height:1.6}.fc-workspace select{width:100%;max-width:100%;margin:12px 0 16px}.fc-workspace progress{width:100%;margin-top:16px}.fc-workspace button:disabled{opacity:.45;cursor:not-allowed}.fc-workspace #convert-status{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fc-files li{align-items:flex-start;flex-direction:column}.fc-files{margin:16px}.fc-compose,.fc-result{padding:16px}.fc-order{width:100%}}
/* Explicit component colors avoid inherited workspace-theme contrast conflicts. */
.fc-workspace .drop-area{background:#f3f4f6;border-color:#d6d7dc;color:#202026}
.fc-workspace .drop-area h3{color:#202026}.fc-workspace .drop-area p,.fc-workspace .drop-area .tiny{color:#4b4c56}
.fc-workspace .button{background:#fff;color:#24242b;border:1px solid #777984}
.fc-workspace .button.dark{background:#25252c;color:#fff;border-color:#25252c}
.fc-workspace .button:disabled{opacity:.45}
.fc-workspace .fc-order button{color:#24242b;border-color:#777984}
html[data-theme="dark"] .fc-workspace .drop-area{background:#24242b;border-color:#555661;color:#f3f3f5}
html[data-theme="dark"] .fc-workspace .drop-area h3{color:#f3f3f5}
html[data-theme="dark"] .fc-workspace .drop-area p,html[data-theme="dark"] .fc-workspace .drop-area .tiny{color:#c7c8d1}
html[data-theme="dark"] .fc-workspace .button{background:#303039;color:#f3f3f5;border-color:#9495a2}
html[data-theme="dark"] .fc-workspace .button.dark{background:#f3f3f5;color:#202026;border-color:#f3f3f5}
html[data-theme="dark"] .fc-workspace .fc-order button{color:#f3f3f5;border-color:#9495a2}

/* Image batches keep format, conversion and result after the ordered image list. */
.fc-workspace.fc-batch-images{grid-template-columns:minmax(0,1fr)}
.fc-batch-images .fc-inline-output{padding:24px;border-top:1px solid var(--border,#aaa)}
@media(max-width:600px){.fc-batch-images .fc-inline-output{padding:16px}}