.cf-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:28px 0}.cf-panel{padding:24px;border:1px solid #ced9d2;border-radius:16px;background:var(--surface,#fff);min-width:0}.cf-panel h2{margin:0 0 16px}.cf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cf-field{display:flex;flex-direction:column;gap:6px;font-size:.95rem;font-weight:600}.cf-field input,.cf-field select,.cf-field textarea{width:100%;min-width:0;border:1px solid #91a79a;border-radius:7px;padding:10px;background:var(--surface,#fff);color:inherit;font:inherit}.cf-wide{grid-column:1/-1}.cf-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.cf-btn{border:0;border-radius:7px;padding:12px 18px;background:#0b5d45;color:white;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.cf-btn.secondary{background:#e7efe9;color:#164532}.cf-btn:disabled{opacity:.5;cursor:wait}.cf-hint{font-size:.9rem;color:var(--ink-soft,#496053);margin:10px 0}.cf-status{padding:12px;background:#eef5f0;border-left:4px solid #0b5d45;color:#123d2e;white-space:pre-wrap}.cf-preview{display:block;max-width:100%;max-height:430px;object-fit:contain;margin:16px auto;background:#eee;border:1px solid #b6c8bd}.cf-result{padding:16px 0;border-bottom:1px solid #ccd8d0}.cf-result img{max-width:100%;max-height:160px;display:block;margin:10px 0}.cf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.cf-metrics div{padding:12px;background:#edf3ef;color:#173c2b;border-radius:8px}.cf-metrics strong{display:block;font-size:1.5rem}.cf-passage{max-height:310px;overflow:auto;font:1.15rem/1.9 Georgia,serif;padding:18px;background:#f4f6f2;color:#223a2c;border-radius:8px;white-space:pre-wrap}.cf-passage .right{background:#cce8d6}.cf-passage .wrong{background:#ffdad6;color:#8b160e}.cf-typing{width:100%;height:190px;margin:16px 0;font:1.1rem/1.6 monospace;padding:15px;border:1px solid #738d7c;border-radius:8px}.cf-copy{max-width:80ch;margin:32px 0}.cf-copy h2{margin-top:28px}.cf-related{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.cf-related a{padding:10px 14px;background:var(--surface,#eef4ee);border:1px solid #b7cbbd;border-radius:6px}.cf-preview-wrap{background:#e5ece7;padding:20px;border-radius:10px}.cf-note{border-left:3px solid #e5a25f;padding:10px 16px;background:var(--surface,#fff)}@media(max-width:760px){.cf-workbench{grid-template-columns:1fr}.cf-panel{padding:18px}.cf-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.cf-fields{grid-template-columns:1fr}.cf-wide{grid-column:auto}}

[hidden]{display:none!important}