/* ToolayShare — 결과 공유 영역 (assets/share.js)
 * 툴마다 색이 달라서 툴의 --accent(없으면 글자색)를 따라가고, 광고 영역과 헷갈리지 않게 결과 안의 작은 버튼 줄로만 보여 줌 */
.tsh{--tsh-c:var(--accent,var(--ink,currentColor));display:flex;flex-direction:column;gap:8px;margin-top:14px;font-family:inherit;color:inherit;text-align:left}
.tsh-row{display:flex;flex-wrap:wrap;gap:8px}
.tsh-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.tsh-btn:hover{background:color-mix(in srgb,currentColor 7%,transparent)}
.tsh-btn--main{border-color:var(--tsh-c);background:color-mix(in srgb,var(--tsh-c) 14%,transparent)}
.tsh-btn--main:hover{background:color-mix(in srgb,var(--tsh-c) 22%,transparent)}
.tsh-btn svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tsh-btn span{overflow:hidden;text-overflow:ellipsis}
.tsh-btn:disabled{opacity:.6;cursor:progress}
.tsh-btn:focus-visible,.tsh-sub:focus-visible{outline:2px solid var(--tsh-c);outline-offset:2px}
.tsh-more{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}
.tsh-sub{min-height:32px;padding:4px 2px;border:0;background:none;color:inherit;opacity:.72;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);cursor:pointer}
.tsh-sub:hover{opacity:1}
.tsh-status{margin:0;min-height:0;font-size:13px;line-height:1.5;text-align:center;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s}
.tsh-status.is-on{opacity:.85;max-height:80px}
.tsh-status.is-bad{color:#c62f2f}
:root[data-theme="dark"] .tsh-status.is-bad{color:#ff8a80}

/* 좁은 곳 (게임 결과 오버레이 등) */
.tsh--compact{margin-top:8px;gap:6px}
.tsh--compact .tsh-btn{min-height:40px;padding:0 10px;font-size:13px;gap:5px}
.tsh--compact .tsh-btn svg{width:15px;height:15px}
.tsh--compact .tsh-sub{font-size:12px;min-height:28px}

@media (max-width:420px){
  .tsh:not(.tsh--compact) .tsh-btn--main{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){.tsh-btn,.tsh-status{transition:none}}
@media print{.tsh{display:none !important}}