.sh-row{--cream:#fff;--paper:#fafafc;--sky:#b6a6ff;--sky-l:#f2eeff;--line:#15151c1a;gap:6px;margin:16px 0 32px;display:grid}.sh-row__btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sh-row__btns:has(>:only-child){grid-template-columns:minmax(0,1fr)}.sh-btn{background:var(--cream);min-height:48px;box-shadow:inset 0 0 0 1.5px var(--sky);color:var(--berry);font:600 16px/1.2 var(--font-body);text-align:center;cursor:pointer;transition:transform .12s var(--ease-strong), box-shadow .2s, background-color .2s;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.sh-btn svg{flex:none;width:20px;height:20px}.sh-btn:active{transform:scale(.97)}.sh-btn:disabled{opacity:.6;cursor:progress}.sh-btn:focus-visible{outline:3px solid var(--clay);outline-offset:3px}@media (hover:hover) and (pointer:fine){.sh-btn:hover{box-shadow:inset 0 0 0 2px var(--clay);background:var(--sky-l)}}.sh-row__note{color:var(--muted);text-align:center;margin:0;font-size:16px;line-height:1.35}.sh-row__out{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);border-radius:16px;gap:8px;padding:10px 14px;font-size:16px;line-height:1.45;display:grid}.sh-row__out[hidden]{display:none}.sh-row__copy{border:1.5px solid var(--line);width:100%;min-width:0;font:400 16px/1.4 var(--font-body);color:var(--ink);background:var(--cream);resize:vertical;border-radius:12px;padding:8px 10px}@media (width>=700px){.sh-row{max-width:520px}}@media (prefers-reduced-motion:reduce){.sh-btn{transition:none}}