/* Premium design */
:root{
  --ndg-bg: radial-gradient(1200px 600px at 10% -10%, #c7d2fe 0%, transparent 40%), radial-gradient(1200px 600px at 110% 10%, #fde68a 0%, transparent 42%), #0b1020;
  --ndg-surface: rgba(255,255,255,.7);
  --ndg-surface-dark: rgba(17,24,39,.58);
  --ndg-text: #0b1220;
  --ndg-text-muted:#51607a;
  --ndg-primary: #3b82f6;
  --ndg-primary-2:#8b5cf6;
  --ndg-border: rgba(15,23,42,.15);
  --ndg-shadow: 0 8px 30px rgba(2,6,23,.08);
}
@media (prefers-color-scheme: dark){
  :root{ --ndg-surface: rgba(255,255,255,.08); --ndg-text:#e5e7eb; --ndg-text-muted:#9ca3af; --ndg-border: rgba(255,255,255,.12); }
}
.ndg-wrap{position:relative;padding:16px;border-radius:20px;background:var(--ndg-bg);}
.ndg-card{max-width:1024px;margin:0 auto;border-radius:18px;border:1px solid var(--ndg-border);box-shadow:var(--ndg-shadow);padding:18px;background:#fff}
.ndg-card.glass{background:var(--ndg-surface);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.ndg-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ndg-title{display:flex;gap:8px;align-items:center}
.ndg-title h3{margin:0;font-size:20px;line-height:1.2;color:var(--ndg-text)}
.ndg-actions{display:flex;gap:8px}
.ndg-theme{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ndg-border);background:transparent;color:var(--ndg-text);padding:8px 10px;border-radius:12px;cursor:pointer}
.ndg-label{display:block;margin:8px 0 6px;font-weight:600;color:var(--ndg-text)}
.ndg-textarea{width:100%;padding:12px 14px;border:1px solid var(--ndg-border);border-radius:14px;background:rgba(255,255,255,.9);min-height:120px;color:var(--ndg-text);resize:vertical}
.ndg-textarea.out{background:rgba(255,255,255,.6)}
.ndg-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.ndg-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--ndg-primary),var(--ndg-primary-2));color:#fff;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;box-shadow:0 6px 16px rgba(59,130,246,.25);transition:.2s transform}
.ndg-btn:hover{transform:translateY(-1px)}
.ndg-btn.ghost{background:transparent;color:var(--ndg-text);border:1px solid var(--ndg-border);box-shadow:none}
.ndg-btn.ok{outline:2px solid #22c55e}
.ndg-note{display:block;margin-top:8px;color:var(--ndg-text-muted);font-size:12px}
.ndg-seg{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}
.ndg-seg .seg{border:1px solid var(--ndg-border);background:rgba(255,255,255,.6);color:var(--ndg-text);padding:8px 12px;border-radius:999px;cursor:pointer;transition:.15s background}
.ndg-seg .seg.active,.ndg-seg .seg:hover{background:#fff}
.ndg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0}
.ndg-stats .stat{background:rgba(255,255,255,.7);border:1px solid var(--ndg-border);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ndg-stats .stat span{font-size:12px;color:var(--ndg-text-muted)}
.ndg-stats .stat strong{font-size:20px;color:var(--ndg-text)}
/* options */
.ndg-options{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
.ndg-options label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ndg-text)}
/* Dark override */
.ndg-wrap[data-ndg-theme="dark"] .ndg-card{background:var(--ndg-surface-dark);}
.ndg-wrap[data-ndg-theme="dark"] .ndg-textarea{background:rgba(0,0,0,.25);color:#e5e7eb}
.ndg-wrap[data-ndg-theme="dark"] .ndg-seg .seg{background:rgba(0,0,0,.25);color:#e5e7eb}
.ndg-wrap[data-ndg-theme="dark"] .ndg-stats .stat{background:rgba(0,0,0,.25);}