.share-chart{margin:3rem 0;padding:2rem;background:#fff;border:1px solid #dfe5d4;border-radius:20px;scroll-margin-top:2rem}
.share-chart header{display:block;padding:0;margin:0 0 1.25rem;border:0}.share-chart h2{margin:0 0 .7rem;font-size:1.5rem}.share-chart p{line-height:1.9}
.share-controls{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.share-controls label{display:flex;flex-direction:column;gap:.5rem;flex:1 1 220px}
.share-controls select{font:inherit;max-width:100%;width:100%;padding:.8rem;border:1px solid #cfd7c3;border-radius:10px;background:#fff;color:#283020}
.share-controls label.share-range{flex-direction:row;align-items:center;flex:0 1 auto;align-self:center}.share-range input{width:18px;height:18px;accent-color:#485333}
.share-chart button,.share-actions a{font:inherit;padding:.8rem 1rem;border:1px solid #cfd7c3;border-radius:10px;cursor:pointer;background:#f2f5e9;color:#283020;text-decoration:none;display:inline-block}
.share-controls>button{background:#485333;color:white}.share-chart button:disabled{opacity:.5;cursor:not-allowed}.share-chart :is(button,a,select,input,textarea):focus-visible{outline:3px solid #d95c2b;outline-offset:3px}
.share-result{margin-top:1rem}.share-result img{display:block;width:100%;height:auto;max-width:1000px;margin:0 auto;border:1px solid #e2e6da;border-radius:12px}.share-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}
.share-result textarea{box-sizing:border-box;width:100%;font:inherit;line-height:1.8;padding:1rem;border:1px solid #dfe5d4;border-radius:10px;background:#fafbf6;color:#485333;resize:vertical}
@media(max-width:600px){.share-chart{padding:1.1rem;margin:2rem 0}.share-controls{display:grid;grid-template-columns:minmax(0,1fr)}.share-actions>*{flex:1;text-align:center}.share-chart h2{font-size:1.3rem}}