.fv-tool{max-width: 1280px}.fv-panels{align-items: flex-start}.fv-input-panel,.fv-result-panel{height: auto;min-width: 0}.fv-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.fv-result-status{font-size: 12px;font-weight: 400;color: var(--text-secondary,#6c757d);max-width: 55%;text-align: right}.fv-settings-body,.fv-result-body{display: flex;flex-direction: column;gap: 14px;min-width: 0}.fv-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}.fv-drop.hover{border-color: var(--brand,#0a58ca);background: rgba(10,88,202,0.05)}.fv-file{position: absolute;inset: 0;opacity: 0;cursor: pointer}.fv-drop-inner i{font-size: 26px;color: var(--text-secondary,#6c757d)}.fv-drop-inner p{margin: 10px 0 4px;font-size: 13px;color: var(--text-primary,#212529)}.fv-drop-inner small{font-size: 12px;color: var(--text-secondary,#6c757d)}.fv-preview-wrap{display: flex;align-items: center;justify-content: center;min-height: 210px;border: 1px solid var(--border-color,#e3e6ea);border-radius: 8px;background: var(--surface,#fff);overflow: auto;padding: 12px}.fv-placeholder{text-align: center;color: var(--text-secondary,#6c757d)}.fv-placeholder i{font-size: 40px;display: block;margin-bottom: 10px}.fv-placeholder p{margin: 0;font-size: 13px}.fv-preview{max-width: 100%;max-height: 280px;height: auto;display: block}.fv-preview.hidden{display: none}.fv-field-grid{display: grid;grid-template-columns: 1fr;gap: 12px}.fv-field{display: flex;flex-direction: column;gap: 6px}.fv-field>span{font-size: 12.5px;font-weight: 600;color: var(--text-primary,#212529)}.fv-field small{font-size: 11.5px;color: var(--text-secondary,#6c757d)}.fv-bg-hex{width: 64px;height: 34px;padding: 2px;border: 1px solid var(--border-color,#c9ced6);border-radius: 6px}.fv-bg-hex.hidden{display: none}.fv-action-row{display: flex;gap: 10px;flex-wrap: wrap}.fv-action-row .btn{min-width: 120px;justify-content: center}.fv-generate{flex: 1}.fv-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}.fv-message.hidden{display: none}.fv-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}.result-toolbar-stats{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.stat-chip-alt{background: rgba(10,88,202,0.06);color: var(--brand,#0a58ca)}.fv-result-actions{display: flex;gap: 8px;flex-wrap: wrap}.fv-result-actions .btn[disabled],.fv-result-actions .btn[disabled]:hover{opacity: 0.5;cursor: not-allowed}.fv-code-block{border: 1px solid var(--border-color,#e3e6ea);border-radius: 8px;overflow: hidden}.fv-code-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 8px 12px;background: rgba(10,88,202,0.05);font-size: 12.5px;font-weight: 600;color: var(--text-primary,#212529)}.fv-html-textarea{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12px;line-height: 1.55;overflow-wrap: break-word;word-break: break-word;white-space: pre-wrap;resize: vertical;min-height: 90px;border: 0;border-radius: 0;background: var(--surface,#fff)}.fv-note{display: flex;align-items: flex-start;gap: 8px;font-size: 12px;line-height: 1.55;color: var(--text-secondary,#6c757d)}.fv-note i{margin-top: 2px}@media (max-width: 767px){.fv-result-status{max-width: 100%;text-align: left}.fv-result-body .result-toolbar{align-items: flex-start;flex-direction: column}.fv-preview-wrap{min-height: 170px}.fv-action-row .btn{flex: 1 1 100%}}