/* Nogire QR Generator - Styles (brand-new unique palette) */
:root{
  --bg:#0b1020;
  --card:#0f1724;
  --accent-1: #00e5a8;
  --accent-2: #6a5cff;
  --muted: #a8b0c6;
  --glass: rgba(255,255,255,0.03);
}

.nogire-qr-wrap{padding:40px 20px;background:linear-gradient(180deg,#e9fff6 0%, #f3fff9 100%);}
.nogire-qr-card{max-width:1100px;margin:0 auto;background:var(--card);border-radius:18px;padding:28px;display:flex;gap:20px;box-shadow:0 18px 40px rgba(3,6,23,0.6);}
.nogire-qr-left{flex:1;padding:10px;color:var(--muted);}
.nogire-qr-right{width:420px;padding:10px;display:flex;flex-direction:column;gap:12px;align-items:center;color:var(--muted);}
.nogire-qr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.nogire-qr-tabs .tab{background:transparent;border:1px solid rgba(255,255,255,0.03);color:#cdeedd;padding:8px 12px;border-radius:10px;cursor:pointer;}
.nogire-qr-tabs .tab.active{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#021020;border:none;box-shadow:0 8px 24px rgba(106,92,255,0.14);}

.nogire-qr-form textarea,#qr_content{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:var(--glass);color:#e6f7f0;font-size:14px;}
.nogire-qr-form input[type="number"], .nogire-qr-form select, .nogire-qr-form input[type="color"]{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:#e6f7f0;}
.row.two{display:flex;gap:10px;}
.row.two label{flex:1;display:block;}
.field-label{font-weight:600;color:#dffcf0;margin-bottom:6px;}
.controls{display:flex;gap:8px;margin-top:12px;}
.btn{background:transparent;border:1px solid rgba(255,255,255,0.04);padding:10px 14px;border-radius:10px;cursor:pointer;color:var(--muted);}
.btn.primary{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:none;color:#021020;font-weight:700;box-shadow:0 10px 30px rgba(6,12,40,0.5);}

.qr-preview-frame{width:320px;height:320px;background:linear-gradient(180deg,#ffffff,#f1f7fb);display:flex;align-items:center;justify-content:center;border-radius:12px;padding:12px;}
.qr-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:white;padding:8px;border-radius:8px;}
.qr-actions{display:flex;gap:8px;width:100%;justify-content:center;margin-top:6px;}
.qr-style-presets{width:100%;}
.preset-list{display:flex;gap:8px;flex-wrap:wrap;}
.preset{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.03);cursor:pointer;background:transparent;color:var(--muted);}

.qr-hero img{width:120px;border-radius:8px;box-shadow:0 8px 20px rgba(4,8,20,0.5);}

/* responsive */
@media (max-width:980px){
  .nogire-qr-card{flex-direction:column;padding:20px;}
  .nogire-qr-right{width:100%;}
  .qr-preview-frame{width:260px;height:260px;margin:0 auto;}
}