/* Unique style: glassmorphism + violet/cyan gradient, different tokens from previous */
:root{
  --bg:#0b1220; --panel:#0f172a99; --card:#0b1220aa; --text:#e5e7eb; --muted:#a5b4fc;
  --line:#334155; --brand:#8b5cf6; --brand-2:#06b6d4; --danger:#ef4444;
  --shadow:0 8px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; color:var(--text); background:
    radial-gradient(1200px 600px at 10% -20%, rgba(139,92,246,.25), transparent 60%),
    radial-gradient(1000px 600px at 120% 10%, rgba(6,182,212,.25), transparent 60%),
    var(--bg);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
}
a{color:#c4b5fd;text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;display:block}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:20px}
.site-header, .site-footer{
  backdrop-filter: saturate(140%) blur(10px);
  background: linear-gradient(180deg, rgba(15,23,42,.65), rgba(15,23,42,.35));
  border-bottom:1px solid rgba(148,163,184,.15);
}
.site-footer{border-top:1px solid rgba(148,163,184,.15); border-bottom:0}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;letter-spacing:.3px;color:#fff}
.nav a{margin-left:16px;color:#e2e8f0;opacity:.86}
.nav a:hover{opacity:1}
.title{font-size:clamp(28px,4vw,40px);font-weight:900;margin:16px 0 8px}
.lead{color:#cbd5e1;margin:0 0 18px}

/* Workspace */
.workspace{display:grid;grid-template-columns:320px 1fr;gap:18px}
.panel{position:sticky;top:90px;height:calc(100dvh - 120px);overflow:auto;padding-right:4px}
.card{
  background: var(--panel);
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:16px;
}
.stage{display:flex;justify-content:center;align-items:center;min-height:520px}
.stage svg{background:#fff;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.25)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}

/* Form & Buttons */
label{font-size:13px;color:#cbd5e1;display:flex;flex-direction:column;gap:6px}
input, select{background:#0b1220;border:1px solid var(--line);color:#e2e8f0;border-radius:12px;padding:10px 12px}
input[type="color"]{padding:0;height:40px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#0b1220;color:#e2e8f0;cursor:pointer}
.btn:hover{border-color:#94a3b8}
.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));border:0}
.btn.subtle{background:#0b1220}
.btn.danger{background:#0b1220;border-color:#7f1d1d;color:#fecaca}
.alert{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:12px 14px}

/* SEO */
.seo h2{font-size:22px;margin-bottom:10px}
.seo ul{margin:0; padding-left:18px}

/* Ads - kaldırıldı */
.ad {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Responsive */
@media (max-width:980px){
  .workspace{grid-template-columns:1fr}
  .panel{position:relative;height:auto}
}