.stz-seo-app{background:#fff;border:1px solid var(--line,#d9dfdc);border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(28,38,34,.06)}
.stz-seo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.stz-seo-panel{min-width:0;background:#fbfcfb;border:1px solid #e3e8e5;border-radius:12px;padding:15px}.stz-seo-panel h2{font:700 1.05rem/1.3 Inter,sans-serif;margin:0 0 12px;color:#153f36}.stz-seo-field{display:grid;grid-template-columns:minmax(120px,42%) minmax(0,1fr);gap:10px;align-items:center;margin:0 0 9px}.stz-seo-field.is-wide{grid-template-columns:1fr}.stz-seo-field label{font-size:.88rem;font-weight:700;color:#263b35}.stz-seo-field input,.stz-seo-field select,.stz-seo-field textarea{width:100%;min-width:0;border:1px solid #cfd8d4;border-radius:8px;background:#fff;padding:8px 10px;font:inherit;line-height:1.3}.stz-seo-field input,.stz-seo-field select{height:38px}.stz-seo-field textarea{min-height:118px;resize:vertical}.stz-seo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.stz-seo-btn{border:1px solid #1f5c4e;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer;background:#1f5c4e;color:#fff}.stz-seo-btn.secondary{background:#fff;color:#1f5c4e}.stz-seo-output{min-height:210px;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #d7dfdb;border-radius:9px;padding:12px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#17231f}.stz-seo-preview{font-family:Arial,sans-serif;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:14px;margin-bottom:10px}.stz-seo-preview .title{color:#1a0dab;font-size:20px;line-height:1.3}.stz-seo-preview .url{color:#188038;font-size:14px;margin:4px 0}.stz-seo-preview .desc{color:#4d5156;font-size:14px;line-height:1.45}.stz-seo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}.stz-seo-metric{background:#eef6f3;border-radius:8px;padding:9px;text-align:center}.stz-seo-metric b{display:block;font-size:1.05rem;color:#1f5c4e}.stz-seo-table-wrap{overflow:auto;max-height:360px;border:1px solid #dbe3df;border-radius:8px}.stz-seo-table{width:100%;border-collapse:collapse;font-size:.86rem}.stz-seo-table th,.stz-seo-table td{padding:8px;border-bottom:1px solid #e7ece9;text-align:left}.stz-seo-table th{position:sticky;top:0;background:#f2f7f5;color:#1f5c4e}.stz-seo-note{font-size:.82rem;color:#607069;margin:8px 0 0}.stz-seo-status{margin-top:9px;font-size:.86rem;font-weight:600;color:#1f5c4e}.stz-seo-error{color:#9b2c2c}.stz-seo-checkbox{display:flex;gap:8px;align-items:center;font-size:.9rem}.stz-seo-checkbox input{width:auto;height:auto}.stz-seo-list{margin:0;padding-left:20px}.stz-seo-list li{margin:5px 0}
@media(max-width:820px){.stz-seo-grid{grid-template-columns:1fr}.stz-seo-field{grid-template-columns:minmax(110px,40%) minmax(0,1fr)}}
@media(max-width:520px){.stz-seo-app{padding:12px}.stz-seo-panel{padding:12px}.stz-seo-field{grid-template-columns:1fr;gap:5px}.stz-seo-metrics{grid-template-columns:1fr 1fr}.stz-seo-btn{flex:1 1 auto}}