.tool-card-export{min-inline-size:0;max-inline-size:100%;color:var(--ink,#193d32);overflow-wrap:anywhere;margin-block:1.25rem 2rem;font-family:inherit}.tool-card-export button{box-sizing:border-box;border:1px solid var(--pine,#193d32);background:var(--paper,#fffef9);min-block-size:44px;max-inline-size:100%;color:var(--pine,#193d32);font:inherit;white-space:normal;overflow-wrap:anywhere;border-radius:.4rem;padding:.65rem 1rem;font-weight:700;line-height:1.4}.tool-card-export button:not(:disabled):hover{background:#eaece1}.tool-card-export .tool-card-export__toggle{justify-content:space-between;align-items:center;gap:1rem;display:inline-flex}.tool-card-export__panel{border:1px solid var(--line,#daddd0);background:var(--paper,#fffef9);border-radius:.7rem;margin-block-start:.75rem;padding:clamp(1rem,3vw,1.5rem)}.tool-card-export__heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tool-card-export .tool-card-export__heading h2{margin:0;font-size:1.55rem;line-height:1.3}.tool-card-export .tool-card-export__close{flex-shrink:0}.tool-card-export .tool-card-export__explanation{max-inline-size:68ch;color:var(--ink-soft,#637066);margin:.85rem 0 1.5rem;line-height:1.55}.tool-card-export__layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.tool-card-export__preview-area,.tool-card-export__code-area{min-inline-size:0}.tool-card-export .tool-card-export__label{margin:0 0 .7rem;font-size:1rem;font-weight:700;line-height:1.4;display:block}.tool-card-export__preview{box-sizing:border-box;color:#193d32;overflow-wrap:anywhere;text-align:start;background:#fffef9;border:1px solid #daddd0;border-radius:12px;inline-size:100%;max-inline-size:460px;margin:0;padding:22px;font-family:Georgia,Times New Roman,serif;line-height:1.55}.tool-card-export .tool-card-export__kind{margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.5}.tool-card-export .tool-card-export__category{color:#526348;margin:0 0 10px;font-size:13px;line-height:1.5}.tool-card-export .tool-card-export__title{margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.2}.tool-card-export .tool-card-export__description{margin:0 0 12px;font-size:16px;line-height:1.55}.tool-card-export .tool-card-export__detail{color:#526348;margin:0 0 18px;font-size:14px;line-height:1.5}.tool-card-export .tool-card-export__cta{box-sizing:border-box;color:#fffef9;background:#193d32;border:1px solid #193d32;border-radius:6px;justify-content:center;align-items:center;min-block-size:44px;max-inline-size:100%;padding:10px 18px;font-size:16px;font-weight:700;line-height:1.4;text-decoration:underline;display:inline-flex}.tool-card-export .tool-card-export__source{margin:16px 0 0;font-size:13px;line-height:1.5}.tool-card-export .tool-card-export__source a{color:#193d32;text-decoration:underline}.tool-card-export__code{box-sizing:border-box;resize:vertical;border:1px solid var(--line,#daddd0);background:var(--background,#f6f5ef);min-block-size:200px;inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--ink,#193d32);text-align:start;overflow-wrap:anywhere;border-radius:.4rem;padding:.8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1.5;display:block}.tool-card-export .tool-card-export__help{color:var(--ink-soft,#637066);margin:.65rem 0 0;font-size:.9rem;line-height:1.5}.tool-card-export__actions{flex-wrap:wrap;gap:.75rem;margin-block-start:1rem;display:flex}.tool-card-export .tool-card-export__copy{background:var(--pine,#193d32);color:var(--paper,#fffef9)}.tool-card-export .tool-card-export__copy:not(:disabled):hover{background:var(--pine-deep,#113127)}.tool-card-export .tool-card-export__copy:disabled{cursor:wait;opacity:.65}.tool-card-export .tool-card-export__status{margin:.75rem 0 0;line-height:1.5}.tool-card-export .tool-card-export__status:empty{margin:0}.tool-card-export button:focus-visible{outline:3px solid var(--ring,#718c42);outline-offset:3px}.tool-card-export a:focus-visible{outline:3px solid var(--ring,#718c42);outline-offset:3px}.tool-card-export__code:focus-visible{outline:3px solid var(--ring,#718c42);outline-offset:3px}@media (max-width:720px){.tool-card-export__layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.tool-card-export__heading{flex-wrap:wrap;align-items:flex-start}.tool-card-export__actions{flex-direction:column;align-items:stretch}.tool-card-export__actions button{inline-size:100%}}@media print{.tool-card-export{display:none!important}}