
.stbc-wrap{max-width:1120px;margin:46px auto 30px;padding:0 16px;font-family:Arial,Helvetica,sans-serif;color:#101828}
.stbc-header{text-align:center;margin:18px 0 24px;padding-top:10px}
.stbc-header h1{margin:0 0 10px;font-size:42px;line-height:1.12;color:#101828}
.stbc-header p{max-width:840px;margin:0 auto;color:#667085;font-size:17px;line-height:1.65}
.stbc-card{background:#fff;border:1px solid #e6eaf0;border-radius:24px;padding:24px;box-shadow:0 14px 38px rgba(16,24,40,.08);margin-bottom:18px}
.stbc-layout{display:grid;grid-template-columns:420px 1fr;gap:18px}
.stbc-panel,.stbc-preview-card{background:#f8fafc;border:1px solid #e6eaf0;border-radius:20px;padding:18px}
.stbc-panel h2,.stbc-preview-card h2{margin:0 0 16px;font-size:22px;color:#101828}
.stbc-field{margin-bottom:14px}
.stbc-field label{display:block;font-weight:900;color:#344054;margin-bottom:7px}
.stbc-field input,.stbc-field select{width:100%;border:1px solid #d0d5dd;border-radius:14px;padding:12px 13px;font-size:15px;box-sizing:border-box;background:#fff;outline:none}
.stbc-field input[type=color]{height:50px;padding:6px}
.stbc-field input[type=range]{accent-color:#f88452}
.stbc-field input:focus,.stbc-field select:focus{border-color:#f88452;box-shadow:0 0 0 4px rgba(248,132,82,.15)}
.stbc-field small{display:block;color:#667085;margin-top:6px;line-height:1.4}
.stbc-field span{display:block;text-align:right;color:#667085;font-size:13px;font-weight:800;margin-top:5px}
.stbc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stbc-checks{display:grid;grid-template-columns:1fr;gap:10px;background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:14px;margin:10px 0 14px}
.stbc-checks label{font-weight:800;color:#344054}
.stbc-checks input{accent-color:#f88452;margin-right:8px}
.stbc-actions,.stbc-downloads{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.stbc-btn{border:none;background:#f88452;color:#fff;padding:12px 17px;border-radius:13px;font-weight:900;cursor:pointer;transition:.2s}
.stbc-btn:hover{transform:translateY(-1px);background:#eb6f39}
.stbc-soft{background:#f2f4f7;color:#344054}
.stbc-soft:hover{background:#e4e7ec}
.stbc-download{background:#eb6f39}
.stbc-preview{background:#fff;border:1px solid #e6eaf0;border-radius:18px;min-height:360px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}
#stbc-svg{max-width:100%;height:auto}

.stbc-status{margin-top:18px;background:linear-gradient(135deg,#0f172a,#f88452);color:#fff;border-radius:20px;padding:20px;font-size:18px;font-weight:900}
.stbc-seo{background:#fff;border:1px solid #e6eaf0;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(16,24,40,.05)}
.stbc-seo h2{margin:0 0 10px;font-size:24px}
.stbc-seo p{color:#475467;line-height:1.7;margin:0}
@media(max-width:980px){.stbc-layout{grid-template-columns:1fr}.stbc-preview{min-height:280px}}
@media(max-width:760px){.stbc-header h1{font-size:34px}.stbc-grid{grid-template-columns:1fr}.stbc-actions .stbc-btn,.stbc-downloads .stbc-btn{width:100%}}
