.dfgd{--ink:#171917;--line:#d8dcd6;--soft:#f3f5f0;color:var(--ink);font:15px/1.5 system-ui,sans-serif;max-width:1400px;margin:32px auto}.dfgd *{box-sizing:border-box}.dfgd header{border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:24px}.dfgd small{font-size:11px;letter-spacing:.16em}.dfgd h2{font-size:34px;margin:8px 0}.dfgd p{margin:8px 0 0}.dfgd-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px}.dfgd label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.dfgd-controls{display:flex;flex-direction:column;gap:16px}.dfgd input,.dfgd select{width:100%;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);padding:10px;font:inherit;min-width:0}.dfgd-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dfgd button{background:var(--ink);color:white;border:1px solid var(--ink);padding:11px 15px;border-radius:4px;font:600 13px system-ui;cursor:pointer}.dfgd button:disabled{opacity:.4;cursor:not-allowed}.dfgd button:focus-visible,.dfgd input:focus-visible,.dfgd select:focus-visible{outline:3px solid #5b9277;outline-offset:2px}.dfgd .dfgd-check{flex-direction:row;align-items:center;font-weight:400}.dfgd-check input{width:auto}.dfgd-note,.dfgd details{font-size:12px;color:#555e54}.dfgd-summary{padding:15px 18px;background:var(--soft);border-radius:4px;font-size:14px;min-height:60px}.dfgd-tabs,.dfgd-actions,.dfgd-sheet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.dfgd-tabs button{background:white;color:var(--ink);border-color:var(--line)}.dfgd-tabs label{margin-left:auto;flex-direction:row;align-items:center}.dfgd-tabs input{width:100px;padding:0}.dfgd-preview{background:#f8f9f6;border:1px solid var(--line);border-radius:4px;overflow:auto;min-height:420px;display:flex;align-items:center;justify-content:center}.dfgd-preview svg{width:100%;max-height:560px;display:block}.dfgd-sheet label{flex:1;min-width:140px}.dfgd details{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.dfgd summary{font-weight:600;cursor:pointer}.dfgd-status{color:#755129;font-size:13px}.dfgd [hidden]{display:none!important}@media(max-width:800px){.dfgd-grid{grid-template-columns:1fr}.dfgd-preview{min-height:300px}.dfgd h2{font-size:28px}}