.stmeta-wrap{
max-width:1420px;
margin:42px auto;
padding:0 18px;
font-family:Arial,Helvetica,sans-serif;
color:#101828;
}

.stmeta-hero{
text-align:center;
margin-bottom:28px;
}

.stmeta-hero h1{
font-size:48px;
font-weight:900;
letter-spacing:-.04em;
margin:0 0 12px;
}

.stmeta-subtitle{
max-width:980px;
margin:auto;
font-size:17px;
line-height:1.7;
color:#667085;
}

.stmeta-seo-tags,
.stmeta-keywords{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-top:18px;
}

.stmeta-seo-tags span,
.stmeta-keywords span{
background:#fff7f2;
padding:9px 14px;
border-radius:999px;
font-size:13px;
font-weight:800;
color:#c2410c;
}

.stmeta-card{
background:#fff;
border-radius:28px;
padding:24px;
box-shadow:0 18px 50px rgba(16,24,40,.07);
}

.stmeta-upload input{display:none}

.stmeta-upload-box{
background:linear-gradient(135deg,#fff7f2,#fff);
border-radius:24px;
padding:34px;
text-align:center;
cursor:pointer;
margin-bottom:18px;
}

.stmeta-upload-icon{
font-size:40px;
margin-bottom:8px;
color:#f97316;
}

.stmeta-upload-box strong{
display:block;
font-size:28px;
margin-bottom:10px;
}

.stmeta-upload-box span{
color:#667085;
line-height:1.7;
max-width:820px;
display:block;
margin:auto;
}

.stmeta-status{
background:#f97316;
color:#fff;
padding:15px 18px;
border-radius:18px;
font-weight:800;
margin-bottom:20px;
}

.stmeta-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:22px;
align-items:start;
}

.stmeta-main,
.stmeta-sidebar{
display:grid;
gap:20px;
}

.stmeta-sidebar{
position:sticky;
top:20px;
}

.stmeta-preview-card,
.stmeta-section,
.stmeta-note,
.stmeta-seo{
background:#fff;
border-radius:24px;
padding:20px;
box-shadow:0 10px 28px rgba(16,24,40,.045);
}

.stmeta-preview-card img{
width:100%;
max-height:420px;
object-fit:contain;
border-radius:18px;
background:#f8fafc;
}

.stmeta-preview-info{
padding-top:14px;
}

.stmeta-preview-info strong{
display:block;
font-size:18px;
margin-bottom:4px;
}

.stmeta-preview-info span{
color:#667085;
}

.stmeta-section-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:14px;
}

.stmeta-section-header h2,
.stmeta-note h2,
.stmeta-seo h2{
margin:0;
font-size:22px;
letter-spacing:-.03em;
}

.stmeta-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.stmeta-row{
display:grid;
grid-template-columns:125px 1fr;
gap:10px;
padding:12px;
background:#f8fafc;
border-radius:16px;
}

.stmeta-row strong{
font-size:13px;
font-weight:800;
color:#344054;
}

.stmeta-row span{
font-size:13px;
line-height:1.55;
word-break:break-word;
color:#475467;
}

.stmeta-search{
width:100%;
padding:14px 16px;
border:none;
border-radius:16px;
background:#f8fafc;
margin-bottom:16px;
outline:none;
font-size:14px;
box-sizing:border-box;
}

.stmeta-full{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}

.stmeta-group{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 8px 20px rgba(16,24,40,.04);
}

.stmeta-group summary{
padding:15px;
background:#fff7f2;
font-size:14px;
font-weight:900;
cursor:pointer;
}

.stmeta-group-body{
padding:12px;
display:grid;
gap:8px;
}

.stmeta-tag{
display:grid;
grid-template-columns:120px 1fr;
gap:8px;
padding:10px;
background:#f8fafc;
border-radius:14px;
}

.stmeta-tag strong{
font-size:12px;
font-weight:800;
}

.stmeta-tag span{
font-size:12px;
line-height:1.5;
word-break:break-word;
}

.stmeta-actions{
display:grid;
gap:10px;
}

.stmeta-btn{
border:none;
background:#f97316;
color:#fff;
padding:13px 15px;
border-radius:15px;
font-weight:900;
cursor:pointer;
font-size:14px;
}

.stmeta-soft{
background:#f8fafc;
color:#344054;
}

.stmeta-map{
height:220px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:#f8fafc;
border-radius:18px;
padding:16px;
line-height:1.7;
font-size:14px;
}

.stmeta-clues{
display:grid;
gap:10px;
}

.stmeta-clue{
padding:13px 14px;
border-radius:15px;
font-size:13px;
font-weight:700;
line-height:1.6;
}

.stmeta-good{
background:#f0fdf4;
color:#166534;
}

.stmeta-warn{
background:#fffbeb;
color:#92400e;
}

.stmeta-danger{
background:#fef2f2;
color:#991b1b;
}

.stmeta-note{
background:#f97316;
color:#fff;
}

.stmeta-note h2{
color:#fff;
}

.stmeta-note ul{
margin:0;
padding-left:20px;
display:grid;
gap:8px;
line-height:1.8;
}

.stmeta-seo{
margin-top:24px;
}

.stmeta-seo p{
line-height:1.8;
color:#475467;
}

@media(max-width:1180px){
.stmeta-layout{
grid-template-columns:1fr;
}
.stmeta-sidebar{
position:relative;
top:auto;
}
.stmeta-full{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:820px){
.stmeta-grid,
.stmeta-full{
grid-template-columns:1fr;
}
.stmeta-row,
.stmeta-tag{
grid-template-columns:1fr;
}
.stmeta-hero h1{
font-size:38px;
}
}




/* v1.2 simplified AI section */
.stmeta-ai-simple{
display:grid;
gap:14px;
}

.stmeta-ai-probability{
background:#fff7f2;
color:#c2410c;
padding:18px;
border-radius:18px;
font-size:18px;
font-weight:900;
line-height:1.5;
}

.stmeta-ai-source{
background:#f8fafc;
padding:15px;
border-radius:16px;
font-size:14px;
line-height:1.7;
color:#475467;
}


/* v1.4 helper text */
.stmeta-helper{
margin:-4px 0 14px;
color:#667085;
font-size:14px;
line-height:1.7;
}


/* v1.5 fixes */
.stmeta-map a{
color:#f97316;
font-weight:900;
text-decoration:none;
}
#stmeta-no-search{
grid-column:1/-1;
}

/* v1.6 dynamic file types */
.stmeta-preview-card img:not([src]){display:none}.stmeta-map a{color:#f97316;font-weight:900;text-decoration:none}