styles.css

body {
	font-family: Inter, Arial, sans-serif;
	width:360px;
	padding:12px;
	box-sizing:border-box;
	color:#111;
	background: url('icons/background.png') no-repeat center center fixed;
	background-size: cover;
}
header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background: rgba(255,255,255,0.85);
	border-radius: 8px;
	padding: 8px 12px;
	margin-bottom: 8px;
}
h1 {
	font-size:18px;
	margin:0 0 0 8px;
	flex: 1 1 auto;
}

#logo {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	object-fit: contain;
	margin-right: 8px;
}
.card{ background:#fff; padding:10px; border-radius:8px; margin-top:10px; box-shadow:0 1px 4px rgba(0,0,0,0.06); }
button{ margin:6px 6px 6px 0; padding:8px 10px; border-radius:6px; border:1px solid #ddd; background:#f7f7f7; cursor:pointer; }
button:disabled{ opacity:0.5; cursor:not-allowed; }
.row{ display:flex; gap:6px; align-items:center; margin-top:8px; flex-wrap:wrap; }
.small{ font-size:13px; color:#444; }
.log{ margin-top:8px; font-size:12px; color:#333; max-height:120px; overflow:auto; white-space:pre-wrap; }
#loopList{ list-style:none; padding:0; margin:6px 0; max-height:160px; overflow:auto; }
#loopList li{ padding:6px 4px; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items:center; }
.muted{ color:#555; font-size:13px; }