.ffc{gap:1.25rem;margin:1.5rem 0;display:grid}.ffc--embed{gap:1rem;margin:1.25rem 0}.ffc-controls{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}@media (width>=760px){.ffc--page .ffc-controls{grid-template-columns:1.4fr 1.4fr .7fr .8fr .9fr}.ffc--embed .ffc-controls{grid-template-columns:1.4fr 1.4fr .7fr}}.ffc-field{gap:.4rem;font-size:.9rem;font-weight:600;display:grid}.ffc-field input,.ffc-field select,.ffc-field textarea{border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-md,10px);background:var(--c-surface,#fff);color:var(--c-text,#0f172a);min-width:0;padding:.55rem .6rem;font-family:inherit;font-size:16px;font-weight:400}.ffc-field input:focus-visible,.ffc-field select:focus-visible,.ffc-field textarea:focus-visible,.ffc-output button:focus-visible{outline:3px solid var(--c-brand,#2563eb);outline-offset:2px}.ffc-field textarea{resize:vertical;line-height:1.5}.ffc-upload{border:1px dashed var(--c-border,#cbd5e1);border-radius:var(--radius-lg,14px);background:var(--c-surface,#f8fafc);grid-template-columns:1fr;gap:.9rem;padding:1rem;display:grid}@media (width>=760px){.ffc-upload{grid-template-columns:2fr 1fr}.ffc-upload .ffc-status{grid-column:1/-1}}.ffc-upload[hidden]{display:none}.ffc-status{color:var(--c-text-secondary,#475569);margin:0;font-size:.88rem;line-height:1.5}.ffc-status--error{color:#991b1b;font-weight:600}.ffc-warning{border-radius:var(--radius-md,10px);color:#713f12;background:#fef9c3;margin:0;padding:.7rem .9rem;font-size:.88rem;line-height:1.5}.ffc-warning[hidden]{display:none}.ffc-results{gap:.9rem;display:grid}.ffc-values{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0;display:grid}@media (width>=760px){.ffc-values{grid-template-columns:repeat(4,1fr)}}.ffc-values>div{border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-lg,14px);background:var(--c-surface,#fff);padding:.8rem .9rem}.ffc-values dt{font-family:var(--font-mono,monospace);color:var(--c-text-secondary,#475569);margin:0 0 .25rem;font-size:.74rem}.ffc-values dd{letter-spacing:-.02em;color:var(--c-text,#0f172a);font-variant-numeric:tabular-nums;margin:0;font-size:1.7rem;font-weight:800;line-height:1.1}.ffc--embed .ffc-values dd{font-size:1.4rem}.ffc-verdict{border-radius:var(--radius-md,10px);margin:0;padding:.75rem .95rem;font-size:.94rem;line-height:1.55}.ffc-verdict--good{color:#14532d;background:#dcfce7}.ffc-verdict--ok{color:#713f12;background:#fef9c3}.ffc-verdict--poor{color:#7f1d1d;background:#fee2e2}.ffc-table{border-collapse:collapse;width:100%;font-size:.9rem}.ffc-table caption{text-align:left;color:var(--c-text,#0f172a);padding-bottom:.5rem;font-weight:700}.ffc-table th,.ffc-table td{border-bottom:1px solid var(--c-border,#e2e8f0);text-align:left;padding:.5rem .6rem}.ffc-table thead th{color:var(--c-text-secondary,#475569);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.ffc-table tbody th{font-weight:600}.ffc-table td{font-variant-numeric:tabular-nums;font-family:var(--font-mono,monospace)}.ffc-output{border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-lg,14px);overflow:hidden}.ffc-output-head{background:#f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;font-size:.85rem;font-weight:600;display:flex}.ffc-output-actions{align-items:center;gap:.75rem;display:flex}.ffc-full{color:var(--c-brand-dark,#1d4ed8);font-size:.85rem;font-weight:600}.ffc-output button{border:1px solid var(--c-border,#cbd5e1);border-radius:var(--radius-md,10px);background:var(--c-surface,#fff);color:var(--c-text,#0f172a);cursor:pointer;padding:.35rem .8rem;font-weight:600}.ffc-output button:hover{border-color:var(--c-brand,#2563eb)}.ffc-code{font-family:var(--font-mono,monospace);white-space:pre;background:var(--c-surface,#fff);color:var(--c-text,#0f172a);margin:0;padding:.9rem;font-size:.82rem;line-height:1.55;overflow-x:auto}.ffc-code:focus-visible{outline:3px solid var(--c-brand,#2563eb);outline-offset:-3px}.ffc-output .ffc-stack{border-top:1px solid var(--c-border,#e2e8f0)}.ffc-preview{border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-lg,14px);background:#fff;gap:.75rem;padding:1rem;display:grid}.ffc-preview-note{color:#713f12;border-radius:var(--radius-md,10px);background:#fef9c3;margin:0;padding:.6rem .8rem;font-size:.86rem;line-height:1.5}.ffc-preview-note[hidden]{display:none}.ffc-panels{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=900px){.ffc-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}.ffc-panel{min-width:0;margin:0}.ffc-panel[hidden]{display:none}.ffc-panel figcaption{font-family:var(--font-mono,monospace);color:var(--c-text-secondary,#475569);margin-bottom:.4rem;font-size:.76rem}.ffc-box{padding-bottom:28px;position:relative;overflow-x:auto}.ffc-text{color:#0f172a;overflow-wrap:normal;background:#e0e7ff;margin:0}.ffc-line{pointer-events:none;border-top:2px dashed #b91c1c;height:0;position:absolute;left:0}.ffc-preview-key{color:var(--c-text-secondary,#475569);margin:0;font-size:.84rem;line-height:1.55}.ffc-source{color:var(--c-text-secondary,#475569);font-size:.88rem;line-height:1.6}.ffc-source summary{cursor:pointer;color:var(--c-text,#0f172a);font-weight:600}.ffc-source code{font-family:var(--font-mono,monospace);font-size:.82em}@media (prefers-reduced-motion:reduce){.ffc *,.ffc :before,.ffc :after{transition:none!important;animation:none!important}}