.dc-wrap{padding-bottom:64px}.dc-intro{max-width:760px;color:var(--wc-muted);line-height:1.7;margin:22px 0}.dc-mapping{display:flex;align-items:flex-start;gap:20px;background:#eaf2ed;border:1px solid var(--wc-line);border-radius:16px;padding:22px;margin:24px 0 12px}.dc-mapping label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}.dc-direction{flex:0 0 220px}.dc-fields{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;flex:1;min-width:0}.dc-fields>div{min-width:160px;max-width:100%}.dc-wrap select{font:inherit;color:var(--wc-ink);width:100%;min-height:44px;border:1px solid var(--wc-line);border-radius:8px;background:var(--wc-paper);padding:10px 32px 10px 12px}.dc-wrap select:focus-visible{outline:3px solid #268563;outline-offset:3px}.dc-check{display:flex!important;align-items:center;gap:10px;font-weight:500!important;max-width:300px;line-height:1.5;min-height:44px}.dc-check input{width:18px;height:18px;accent-color:var(--wc-green);flex-shrink:0}.dc-map-note{font-size:13px;color:var(--wc-muted);line-height:1.65;max-width:850px;margin:10px 0 18px}.dc-map-note code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--wc-green)}.dc-status{font-size:14px;line-height:1.6;min-height:24px;margin:14px 0;color:var(--wc-muted)}.dc-error{background:#fff1ec;border-left:4px solid #ad3b2d;color:#71251d;line-height:1.7;border-radius:8px;padding:16px 20px;margin:12px 0;overflow-wrap:anywhere}.dc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.dc-panel{min-width:0;border:1px solid var(--wc-line);border-radius:16px;background:var(--wc-paper);overflow:hidden;display:flex;flex-direction:column}.dc-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--wc-line);min-height:72px}.dc-panel>header>label{font-weight:700;font-size:14px}.dc-panel-tools{display:flex;gap:3px;flex-wrap:wrap}.dc-wrap button{min-height:44px}.dc-panel textarea,#dc-fallback{display:block;resize:vertical;width:100%;min-height:340px;border:0;border-radius:0;background:var(--wc-paper);color:var(--wc-ink);font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding:22px;tab-size:4;overflow:auto}.dc-panel textarea:focus-visible,#dc-fallback:focus-visible{outline:3px solid #268563;outline-offset:-3px}#dc-output{background:#fbfdfb}.dc-source-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--wc-line);padding:14px 18px}.dc-primary,#dc-download{background:var(--wc-green);color:white;padding:12px 18px}.dc-primary:hover:not(:disabled),#dc-download:hover:not(:disabled){background:#124f3c}.dc-note{font-size:12px;line-height:1.7;color:var(--wc-muted);overflow-wrap:anywhere}#dc-input-note{padding:0 18px 14px}#dc-summary{font-size:13px;line-height:1.6;padding:12px 18px;color:var(--wc-muted);border-bottom:1px solid var(--wc-line);min-height:44px}#dc-preview{padding:12px 18px;border-top:1px solid var(--wc-line);margin-top:auto}#dc-warnings{white-space:pre-line;line-height:1.7;font-size:13px;color:#6d4820;background:#fff9ef;border-top:1px solid #f0e2c6;padding:16px 18px;overflow-wrap:anywhere}#dc-warnings:empty{display:none}#dc-fidelity{padding:14px 18px;color:#6d4820;background:#fff9ef;font-size:13px;line-height:1.65}#dc-fallback-label{display:block;margin:18px 0 8px;font-size:13px;font-weight:700}#dc-fallback{border:2px solid var(--wc-green);border-radius:12px;min-height:160px}.dc-related{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--wc-line);padding-top:24px}.dc-related a{background:white;border:1px solid var(--wc-line);border-radius:10px;padding:16px;line-height:1.5}.dc-related a:hover{border-color:var(--wc-green)}
@media(max-width:900px){.dc-mapping{flex-direction:column;gap:16px}.dc-direction{flex:auto;width:100%}.dc-fields{width:100%}.dc-fields>div{flex:1}.dc-grid{grid-template-columns:minmax(0,1fr)}.dc-panel textarea{min-height:260px}.dc-panel>header{min-height:64px}}
@media(max-width:480px){.dc-mapping{padding:18px}.dc-fields{flex-direction:column;gap:14px}.dc-fields>div{width:100%;min-width:0}.dc-panel>header{padding:12px 14px}.dc-panel-tools{width:100%}.dc-panel-tools button{flex:1}.dc-panel textarea{padding:18px;font-size:14px;min-height:240px}.dc-source-actions{padding:12px 14px}.dc-source-actions>.dc-primary{flex:1}.dc-intro{margin:18px 0}.dc-related{flex-direction:column}.dc-related a{display:block}}
@media(prefers-reduced-motion:reduce){.dc-wrap *{scroll-behavior:auto}}