.s2t-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; border:1px solid #e2e2e2; border-radius:10px; padding:12px; box-shadow:0 1px 3px rgba(0,0,0,.04);}
.s2t-toolbar{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px}
.s2t-toolbar button{background:#fff; border:1px solid #d0d7de; border-radius:8px; padding:6px 10px; cursor:pointer}
.s2t-toolbar button:hover{background:#f6f8fa}
.s2t-sep{width:1px; background:#e5e7eb; margin:0 4px}
.s2t-grid-outer{overflow:auto; border:1px solid #e5e7eb; border-radius:8px; max-height:50vh;}
.s2t-grid{border-collapse:separate; border-spacing:0; width:max-content; min-width:100%}
.s2t-grid td, .s2t-grid th{border:1px solid #e5e7eb; padding:6px 8px; vertical-align:top; min-width:80px; background:#fff; position:relative}
.s2t-grid td.s2t-selected{outline:2px solid #2563eb; outline-offset:-2px}
.s2t-grid td div[contenteditable]{min-height:22px; outline:none}
.s2t-io{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px}
.s2t-label{display:block; font-weight:600; margin-bottom:6px}
.s2t-paste,.s2t-html{width:100%; height:180px; border:1px solid #e5e7eb; border-radius:8px; padding:8px; font-family:ui-monospace,Menlo,Consolas,monospace}
.s2t-small{font-size:12px; color:#6b7280; margin-top:6px}
.s2t-copy{margin-top:8px}
@media (max-width:800px){.s2t-io{grid-template-columns:1fr}}