.top{padding:14px 18px}.logo{font-weight:800;font-size:20px;text-decoration:none}.wrap{max-width:560px;margin:auto;padding:0 16px 40px}h1{font-size:28px;margin:6px 0}.card h2{font-size:18px;margin:0 0 8px}
.drop{display:block;border:2px dashed #d62828;border-radius:16px;padding:22px;text-align:center;color:#d62828;font-weight:700;cursor:pointer;margin:0}.drop input{display:none}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px}#logoprev{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#f2f2f2}
input[type=color]{width:56px;height:44px;padding:2px}.btn.big{width:100%;font-size:18px;margin-top:6px}.center{text-align:center}.big-emoji{font-size:56px}.hp{position:absolute;left:-9999px}#colors{margin-top:12px}

body{background:#0f1520;color:#e8ecf3}.top{border-bottom:1px solid #1f2a3b}.logo{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:900}.logo b{background:linear-gradient(90deg,#ff7a1a,#ff3b1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{background:#161e2c;box-shadow:none;border:1px solid #243047}.muted{color:#a3adbf}label{color:#c4ccd9}input,textarea,select{background:#0f1520;color:#e8ecf3;border-color:#33415a}input::placeholder,textarea::placeholder{color:#6b7689}
.btn{background:linear-gradient(135deg,#ff7a1a,#ff3b1f);box-shadow:0 8px 24px rgba(255,74,31,.3)}.btn.ghost{background:#161e2c;color:#e8ecf3;border-color:#33415a}.drop{border-color:#ff5a1f;color:#ff8a3d}#logoprev{background:#0f1520}a{color:#ff8a3d}.top a.logo{color:#fff}

.top{display:flex;justify-content:space-between;align-items:center}.top .toplink{color:#e8ecf3;font-weight:700;text-decoration:none}