:root{
  --bg:#0f1720;
  --card:#0b1220;
  --accent:#10b981;
  --muted:#b8c2cc;
  --glass: rgba(255,255,255,0.03);
}

*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;}
html,body{height:100%;margin:0;background:linear-gradient(180deg,#08101a 0%, #07121a 100%);color:var(--muted);}
.container{max-width:720px;margin:28px auto;padding:20px;background:var(--glass);border-radius:12px;backdrop-filter: blur(6px);box-shadow: 0 6px 24px rgba(2,6,23,0.6);}
h1{margin:0 0 6px;color:white;font-size:20px;}
.subtitle{margin:0 0 16px;font-size:13px;color:var(--muted);}

.input-group{display:flex;gap:10px;margin-bottom:16px;}
.input-group input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:#06101a;color:#e6eef6;font-size:14px;outline:none;}
.input-group input::placeholder{color:#425160;}
.input-group button{padding:0 16px;background:var(--accent);color:#052018;border:none;border-radius:10px;font-weight:600;min-width:88px;cursor:pointer;}
.input-group button:active{transform:translateY(1px);}

.result-area{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:300px;justify-content:center;}
.loader{display:flex;flex-direction:column;align-items:center;gap:10px;}
.spinner{width:56px;height:56px;border-radius:50%;border:6px solid rgba(255,255,255,0.08);border-top-color:var(--accent);animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}

.wallpaper{max-width:100%;max-height:420px;border-radius:10px;box-shadow:0 10px 30px rgba(2,6,23,0.6);display:block;}

.actions{display:flex;gap:10px;align-items:center;}
.download-btn{background:#0b1220;color:var(--muted);padding:8px 12px;border-radius:8px;text-decoration:none;border:1px solid rgba(255,255,255,0.03);}
.download-btn:hover{box-shadow:0 6px 18px rgba(16,185,129,0.08);}
#new-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:var(--muted);cursor:pointer;}

.hidden{display:none;}

.note{margin-top:16px;font-size:12px;color:#8fa0b0;}
@media (max-width:420px){
  .container{margin:12px;padding:14px;border-radius:10px;}
  .wallpaper{max-height:56vh;}
}