.fc-tool{max-width: 1280px}.fc-panels{align-items: flex-start}.fc-input-panel,.fc-result-panel{height: auto;min-width: 0}.fc-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.fc-result-status{font-size: 12px;font-weight: 400;color: var(--text-secondary,#6c757d);max-width: 55%;text-align: right}.fc-settings-body,.fc-result-body{display: flex;flex-direction: column;gap: 14px;min-width: 0}.fc-drop{position: relative;border: 2px dashed var(--border-color,#c9ced6);border-radius: 8px;padding: 26px 16px;text-align: center;cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease}.fc-drop.hover{border-color: var(--brand,#0a58ca);background: rgba(10,88,202,0.05)}.fc-file{position: absolute;inset: 0;opacity: 0;cursor: pointer}.fc-drop-inner i{font-size: 26px;color: var(--text-secondary,#6c757d)}.fc-drop-inner p{margin: 10px 0 4px;font-size: 13px;color: var(--text-primary,#212529)}.fc-drop-inner small{font-size: 12px;color: var(--text-secondary,#6c757d)}.fc-preview-wrap{display: flex;align-items: center;justify-content: center;min-height: 200px;border: 1px solid var(--border-color,#e3e6ea);border-radius: 8px;background: var(--surface,#fff);overflow: auto;padding: 12px}.fc-placeholder,.fc-output-placeholder{text-align: center;color: var(--text-secondary,#6c757d)}.fc-placeholder i,.fc-output-placeholder i{font-size: 40px;display: block;margin-bottom: 10px}.fc-placeholder p,.fc-output-placeholder p{margin: 0;font-size: 13px}.fc-preview{max-width: 100%;max-height: 260px;height: auto;display: block}.fc-preview.hidden{display: none}.fc-output-wrap{min-height: 150px}.fc-output{max-width: 100%;max-height: 220px;height: auto;display: block}.fc-output.hidden{display: none}.fc-field-grid{display: grid;grid-template-columns: 1fr;gap: 12px}.fc-field{display: flex;flex-direction: column;gap: 6px}.fc-field>span{font-size: 12.5px;font-weight: 600;color: var(--text-primary,#212529)}.fc-field small{font-size: 11.5px;color: var(--text-secondary,#6c757d)}.fc-format-options{display: flex;flex-wrap: wrap;gap: 8px}.fc-format-options .custom-option{display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border: 1px solid var(--border-color,#c9ced6);border-radius: 6px;cursor: pointer;font-size: 13px;transition: all 0.15s ease}.fc-format-options .custom-option:hover{border-color: var(--brand,#0a58ca)}.fc-format-options input:checked + span{color: var(--brand,#0a58ca);font-weight: 600}.fc-quality-row{display: flex;align-items: center;gap: 12px}.form-range{flex: 1;accent-color: var(--brand,#0a58ca)}.fc-quality-value{min-width: 36px;text-align: right;font-size: 13px;font-weight: 600;color: var(--text-primary,#212529)}.fc-scale-value{margin-top: 4px}.fc-action-row{display: flex;gap: 10px;flex-wrap: wrap}.fc-action-row .btn{min-width: 110px;justify-content: center}.fc-convert-btn{flex: 1}.fc-message{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border-radius: 6px;background: #fdecea;color: #b3261e;font-size: 13px;line-height: 1.5}.fc-message.hidden{display: none}.fc-result-body .result-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;border-top: 1px solid var(--border-color,#e3e6ea);padding-top: 12px;margin-top: 4px}.fc-result-actions{display: flex;gap: 8px;flex-wrap: wrap}.fc-result-actions .btn[disabled],.fc-result-actions .btn[disabled]:hover{opacity: 0.5;cursor: not-allowed}.fc-meta-row{display: flex;gap: 8px;flex-wrap: wrap}.fc-meta{font-size: 11.5px;color: var(--text-secondary,#6c757d);background: rgba(108,117,125,0.08);border-radius: 4px;padding: 4px 8px}.fc-note{display: flex;align-items: flex-start;gap: 8px;font-size: 12px;line-height: 1.55;color: var(--text-secondary,#6c757d)}.fc-note i{margin-top: 2px}@media (max-width: 767px){.fc-result-status{max-width: 100%;text-align: left}.fc-result-body .result-toolbar{align-items: flex-start;flex-direction: column}.fc-preview-wrap{min-height: 160px}.fc-action-row .btn{flex: 1 1 100%}}