/* Operate surface: inherit the board's monochrome type and square controls. */
#share-panel{border-top:2px solid #111;border-bottom:1px solid #111;margin-top:24px;padding:16px 0;min-width:0;overflow-wrap:anywhere}
#share-panel h2{font-size:22px;margin:0 0 8px}
#share-panel h3{font-size:18px;margin:20px 0 8px}
#share-panel p{font-size:16px;margin:8px 0 12px}
.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
#share-panel button{min-height:48px;min-width:48px;max-width:100%;white-space:normal}
#share-send{background:#111;color:#fff;border:2px solid #111;font-weight:600}
#share-send:disabled{background:#eee;color:#666;border-color:#999}
#share-history{padding:0;list-style:none;margin:0}
#share-history li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-top:1px solid #aaa}
#share-history li span{min-width:0;flex:1}
#share-history button{flex:none}
#share-result{border-top:2px solid #111;margin-top:20px;min-width:0}
#share-preview{display:block;width:100%;height:560px;max-width:100%;border:1px solid #111;background:#fff;margin-top:12px}
#share-panel [hidden]{display:none!important}
@media(max-width:600px){.share-actions{display:grid;grid-template-columns:1fr 1fr}.share-actions #share-send{grid-column:1/-1}#share-history li{align-items:flex-start;flex-direction:column}#share-preview{height:440px}#share-panel button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){#share-panel *{scroll-behavior:auto}}