.share-design{margin:0 0 24px;border:0;background:transparent;color:#352724;font:inherit}
.share-design>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:13px 18px;min-height:60px;box-sizing:border-box;border:1px solid #805b5840;border-radius:32px;background:#805b5809;color:#805b58;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;user-select:none}
.share-design>summary::-webkit-details-marker{display:none}.share-design>summary::marker{content:''}
.share-design>summary:hover,.share-design[open]>summary{background:#805b5812;border-color:#805b5880;box-shadow:0 3px 12px #35272408}
.share-design-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;background:#805b5810}
.share-design svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.share-design-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.share-design-title strong{font-size:15px;font-weight:500;line-height:1.25;letter-spacing:.02em}.share-design-title small{font-size:12px;line-height:1.35;color:#796864}.share-design .share-design-chevron{width:16px;height:16px;transition:transform .2s}.share-design[open] .share-design-chevron{transform:rotate(180deg)}
.share-design-body{margin-top:10px;padding:20px;border:1px solid #e7ddda;border-radius:16px;background:#fff;box-shadow:0 6px 20px #35272405;animation:share-reveal .18s ease-out}
.share-design p{margin:0 0 16px;font-size:14px;line-height:1.6;color:#655652}.share-design label{display:block;font-size:13px;font-weight:500;letter-spacing:.01em;color:#5d3c39}
.share-design input{display:block;box-sizing:border-box;width:100%;min-width:0;height:46px;margin:8px 0 14px;padding:12px 14px;border:1px solid #ded5d2;border-radius:10px;background:#faf8f7;color:#66534f;font:inherit;font-weight:400;font-size:16px;line-height:1.4;text-overflow:ellipsis}
.share-design-actions{display:flex;flex-wrap:wrap;gap:8px}.share-design-actions button,.share-design-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;background:#805b58;color:#fff;border:1px solid #805b58;border-radius:24px;text-decoration:none;cursor:pointer;font:inherit;font-weight:500;font-size:14px;line-height:1.3;box-sizing:border-box;transition:background .2s,color .2s,box-shadow .2s}
.share-design-actions a,.share-design-actions [data-share-native]{color:#805b58;background:#fff;border-color:#805b584d}.share-design [hidden]{display:none!important}.share-design-body>small{display:block;font-size:12px;line-height:1.5;color:#847874}.share-design .share-design-status{margin:14px 0 8px;color:#5d3c39}.share-design .share-design-status:empty{margin:0 0 14px}.share-design :focus-visible{outline:2px solid #805b58;outline-offset:4px}.share-design-actions button:hover{background:#684744}.share-design-actions a:hover,.share-design-actions [data-share-native]:hover{background:#805b580d;color:#5d3c39}.config-panel>.share-design,.config-panel>.share-host>.share-design{margin:20px 24px 0}
@keyframes share-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.config-panel>.share-design,.config-panel>.share-host>.share-design{margin:16px 16px 0}.share-design>summary{padding:12px 14px;gap:10px}.share-design-body{padding:16px}.share-design-actions>*{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.share-design *{animation:none!important;transition:none!important}}
