/* SEO Tools Arena — shared tool styles. Mobile-first. */
.sta-tool{max-width:860px;margin:1.5em auto;font-size:16px;line-height:1.6;color:#1a1a1a}
.sta-panel{background:#fff;border:1px solid #e4e4e4;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.sta-tool h3.sta-title{margin:0 0 6px;font-size:22px}
.sta-tool p.sta-lead{color:#555;margin:0 0 18px}
.sta-field{margin:0 0 14px}
.sta-field label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}
.sta-input,.sta-textarea,.sta-select{width:100%;padding:10px 12px;border:1px solid #cfcfcf;border-radius:8px;font-size:15px;font-family:inherit;background:#fff}
.sta-textarea{min-height:140px;resize:vertical;font-family:ui-monospace,Consolas,monospace}
.sta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sta-btn{display:inline-block;background:#ff9900;color:#111!important;font-weight:700;font-size:15px;padding:11px 26px;border:none;border-radius:8px;cursor:pointer;text-decoration:none}
.sta-btn:hover{background:#e88b00}
.sta-btn.secondary{background:#f0f0f0;color:#222!important}
.sta-btn:disabled{opacity:.5;cursor:wait}
.sta-result{margin-top:18px;background:#f8faf8;border:1px solid #dfe9df;border-radius:8px;padding:16px;word-break:break-word}
.sta-result:empty{display:none}
.sta-error{background:#fdecec;border-color:#f5c6c6;color:#a33}
.sta-muted{color:#777;font-size:13px}
.sta-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}
.sta-table th,.sta-table td{border:1px solid #e5e5e5;padding:8px 10px;text-align:left;vertical-align:top}
.sta-table th{background:#f4f4f4}
.sta-drop{border:2px dashed #bbb;border-radius:10px;padding:28px;text-align:center;cursor:pointer;background:#fafafa;transition:.15s}
.sta-drop:hover,.sta-drop.over{border-color:#ff9900;background:#fff8ec}
.sta-progress{height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-top:12px;display:none}
.sta-progress>div{height:100%;width:0;background:#ff9900;transition:width .2s}
.sta-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-top:12px}
.sta-emoji-grid button{font-size:26px;padding:8px;border:1px solid #eee;border-radius:8px;background:#fff;cursor:pointer}
.sta-emoji-grid button:hover{background:#fff3df;border-color:#ff9900}
.sta-canvas-wrap{text-align:center;margin-top:12px}
.sta-canvas-wrap canvas{max-width:100%;border:1px solid #e5e5e5;border-radius:8px}
/* Tools index */
.sta-index-cat{margin:34px 0 12px;font-size:22px}
.sta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sta-card{display:block;border:1px solid #e6e6e6;border-radius:12px;padding:18px 16px;text-decoration:none!important;color:inherit!important;background:#fff;transition:.15s}
.sta-card:hover{border-color:#ff9900;box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-2px)}
.sta-card-icon{font-size:30px;display:block;margin-bottom:8px}
.sta-card-name{font-weight:700;font-size:16px;display:block;margin-bottom:4px}
.sta-card-desc{font-size:13px;color:#666;display:block}
/* Page content extras */
.sta-howto{background:#f9f9f9;border-radius:10px;padding:18px 22px;margin:26px 0}
.sta-howto h3{margin-top:0}
.sta-faq{margin:26px 0}
.sta-faq h3{margin-bottom:10px}
.sta-faq details{border:1px solid #e8e8e8;border-radius:8px;margin-bottom:8px;padding:10px 14px;background:#fff}
.sta-faq summary{font-weight:600;cursor:pointer}
.sta-related{margin:26px 0;font-size:15px}
@media(max-width:640px){.sta-panel{padding:16px}.sta-tool h3.sta-title{font-size:19px}}