/* HTML Screenshot Generator */

.hs2-notice{
	border:         1px solid rgba(240,160,32,.35);
	background:     rgba(240,160,32,.08);
	border-radius:  .5rem;
	padding:        .7rem .9rem;
	font-size:      .82rem;
	line-height:    1.6;
}

.hs2-frame{
	border:         1px solid rgba(255,255,255,.12);
	border-radius:  .5rem;
	overflow:       auto;
	max-height:     30rem;
	background:     #ffffff;
}

/* jo cheez capture hoti hai wo yahi hai — naap yahan JS se lagti hai */
.hs2-canvas{
	margin:      0;
	background:  #ffffff;
	color:       #111827;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size:   16px;
	line-height: 1.5;
}

.hs2-shot{
	border:         1px solid rgba(255,255,255,.12);
	border-radius:  .5rem;
	max-width:      100%;
	height:         auto;
	display:        block;
	margin-top:     .6rem;
	background:     repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0 8px, rgba(255,255,255,.02) 8px 16px);
}

.hs2-log{
	font-size:      .78rem;
	line-height:    1.7;
	border:         1px solid rgba(255,255,255,.10);
	border-radius:  .5rem;
	padding:        .6rem .8rem;
	margin-top:     .6rem;
}

.hs2-log b{ font-weight:600; }

.hs2-field{ display:flex; flex-direction:column; gap:.25rem; }
.hs2-field label{ font-size:.78rem; opacity:.75; margin:0; }