*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0e1117; --panel:#161b24; --kart:#1d2431; --cizgi:#2b3546;
  --metin:#e9edf5; --soluk:#93a0b8; --vurgu:#ff9e1b; --yesil:#4ade80; --kirmizi:#f87171;
}
body{background:var(--bg);color:var(--metin);
  font:14px/1.45 "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding:18px 22px 40px}
h1{font-size:20px;letter-spacing:-.2px;font-weight:800}
h1 span{color:var(--soluk);font-weight:400;font-size:14px;margin-left:8px}
.duzen{display:grid;grid-template-columns:340px 1fr;gap:22px;margin-top:16px;align-items:start}
@media (max-width:900px){.duzen{grid-template-columns:1fr}}
.blok{margin-bottom:18px}
.etiket{font-size:11px;font-weight:700;letter-spacing:.9px;color:var(--soluk);margin-bottom:8px;text-transform:uppercase}
.turler{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.tur{background:var(--kart);border:2px solid transparent;border-radius:9px;padding:8px 6px;
  cursor:pointer;transition:.12s;text-align:center}
.tur:hover{border-color:var(--cizgi)}
.tur.aktif{border-color:var(--vurgu);background:#232c3c}
.tur b{display:block;font-size:12.5px;font-weight:600;color:var(--soluk)}
.tur.aktif b{color:var(--metin)}
.tur small{display:none}
/* Belge Kapağı'nın alt seçenekleri — hafifçe girintili, sol vurgu çizgisi ve
   daha sakin zeminle "alt kademe" olduğu belli olsun */
.presetler{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;
  margin:7px 0 2px;padding:7px 0 3px 11px;
  border-left:2px solid #7a5a2e;
  border-left-color:color-mix(in srgb, var(--vurgu) 55%, transparent)}
@media (max-width:900px){.presetler{grid-template-columns:1fr 1fr}}
.preset{background:#191f2a;
  background:color-mix(in srgb, var(--kart) 72%, var(--panel));
  border:1px solid var(--cizgi);border-radius:8px;padding:7px 8px;
  cursor:pointer;font-size:11.5px;font-weight:600;color:var(--soluk);transition:.12s;
  text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}
.preset .pn{width:8px;height:8px;border-radius:50%;flex:none;
  background:var(--pc,var(--soluk));opacity:.75;transition:.12s}
.preset:hover{border-color:var(--soluk)}
.preset:hover .pn{opacity:1}
.preset.aktif{color:var(--metin);border-color:var(--pc,var(--vurgu));
  background:#22252c;
  background:color-mix(in srgb, var(--pc,var(--vurgu)) 13%, var(--kart))}
.preset.aktif .pn{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--pc,var(--vurgu)) 22%, transparent)}
.belge-liste{display:flex;flex-direction:column;gap:7px}
.belge-satir{background:var(--kart);border:1px solid var(--cizgi);border-radius:9px;padding:7px 8px;
  display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;gap:4px 7px;align-items:center}
.belge-satir.kapali{opacity:.45}
.belge-satir .tut{grid-row:1/3;cursor:grab;color:var(--soluk);font-size:15px;line-height:1;user-select:none;padding:0 2px}
.belge-satir.suruklenen{opacity:.3}
.belge-satir input[type=checkbox]{grid-row:1/3}
.belge-satir .b-etiket{grid-column:3;background:transparent;border:0;border-bottom:1px dashed var(--cizgi);
  border-radius:0;padding:2px 0;font-size:10.5px;color:var(--soluk);font-weight:600;letter-spacing:.3px}
.belge-satir .b-etiket:focus{border-bottom-color:var(--vurgu);color:var(--metin)}
.belge-satir .b-deger{grid-column:3;font-size:13.5px;padding:6px 8px}
.belge-satir textarea.b-deger{height:52px;font-family:inherit;line-height:1.4}
.belge-satir .b-sil{grid-row:1/3;background:transparent;color:var(--soluk);padding:2px 6px;font-size:15px}
.belge-satir .b-sil:hover{color:var(--kirmizi)}
label.alan{display:block;font-size:11px;color:var(--soluk);margin:10px 0 4px}
label.alan small{opacity:.7}
input[type=text],select{width:100%;background:var(--kart);border:1px solid var(--cizgi);border-radius:9px;
  color:var(--metin);padding:9px 11px;font-size:14px;font-family:inherit;outline:none}
input[type=text]:focus,select:focus{border-color:var(--vurgu)}
select{appearance:none;cursor:pointer}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.onay{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--soluk);cursor:pointer}
input[type=checkbox]{accent-color:var(--vurgu);width:16px;height:16px;cursor:pointer}
.kaydirak{display:flex;align-items:center;gap:10px;margin-top:10px}
.kaydirak span{font-size:11px;color:var(--soluk);min-width:74px}
input[type=range]{flex:1;accent-color:var(--vurgu);background:transparent}
button{font-family:inherit;border:0;border-radius:10px;cursor:pointer;font-size:13px;padding:11px 12px;transition:.12s}
.ana{background:var(--vurgu);color:#181d27;font-weight:700;font-size:15px;width:100%;padding:14px}
.ana:hover{background:#ffb44f}
.ikincil{background:var(--kart);color:var(--metin);flex:1}
.ikincil:hover{background:var(--cizgi)}
.satir{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.ust-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}
.ust-bar .sol{color:var(--soluk);font-size:12px}
#kb{font-weight:700;font-size:16px}
.tuval{background:var(--panel);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:330px}
#onizleme{max-width:100%;max-height:46vh;border-radius:6px;display:block;box-shadow:0 10px 34px #0009}
.sablonlar{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}
.temalar{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:9px}
@media (max-width:900px){.temalar{grid-template-columns:repeat(4,1fr)}.sablonlar{grid-template-columns:repeat(3,1fr)}}
.mini{background:var(--kart);border:2px solid transparent;border-radius:10px;padding:5px 5px 3px;cursor:pointer;transition:.12s}
.mini:hover{border-color:var(--cizgi)}
.mini.aktif{border-color:var(--vurgu)}
.mini canvas,.mini img{width:100%;display:block;border-radius:5px;background:#0b0e14;aspect-ratio:var(--oran,16/9);object-fit:cover}
.mini div{font-size:10.5px;color:var(--soluk);text-align:center;padding:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini.aktif div{color:var(--metin)}
#durum{margin-top:10px;font-size:12.5px;color:var(--soluk);min-height:18px}
.ort{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:9}
.ort.acik{display:flex}
.kutu{background:var(--panel);border-radius:14px;padding:20px;width:min(680px,92vw)}
textarea{width:100%;height:220px;background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;
  color:var(--metin);padding:12px;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace;outline:none;resize:vertical}
.yukleniyor{opacity:.5}
a.gizli{display:none}
.logo-satir{display:flex;gap:12px;align-items:center}
.logo-onizleme{width:56px;height:56px;border-radius:12px;background:var(--kart);border:1px solid var(--cizgi);
  flex:none;background-size:contain;background-position:center;background-repeat:no-repeat}
.logo-dugmeler{flex:1}
.logo-dugmeler .ikincil{width:100%}
.logo-dugmeler .satir .ikincil{flex:1}
#tanitim-bandi{position:sticky;bottom:0;left:0;right:0;margin:24px -22px -40px;padding:12px 22px;
  background:var(--panel);border-top:1px solid var(--cizgi);display:flex;gap:14px;flex-wrap:wrap;
  align-items:center;justify-content:center;font-size:13px;color:var(--soluk);z-index:5}
#tanitim-bandi b{color:var(--metin)}
#tanitim-bandi a{color:var(--vurgu);text-decoration:none;font-weight:600}
#tanitim-bandi a:hover{text-decoration:underline}
/* Ezoic reklamı açıkken: alt tanıtım bandını gizle, Ezoic anchor için altta pay bırak */
html.reklam-acik #tanitim-bandi{display:none}
html.reklam-acik body{padding-bottom:100px}
#seo-icerik{max-width:820px;margin:34px auto 0;padding:22px;background:var(--panel);
  border:1px solid var(--cizgi);border-radius:14px;color:var(--soluk);font-size:14px;line-height:1.65}
#seo-icerik h2{font-size:17px;color:var(--metin);margin-bottom:8px}
#seo-icerik h3{font-size:14px;color:var(--metin);margin:18px 0 6px}
#seo-icerik p{margin-bottom:6px}
#seo-icerik strong{color:var(--metin)}
#seo-icerik ol,#seo-icerik ul{margin:0 0 0 20px}
#seo-icerik li{margin:3px 0}
#seo-icerik a{color:var(--vurgu);text-decoration:none}
#seo-icerik a:hover{text-decoration:underline}
#seo-icerik dl{margin:0}
#seo-icerik dt{color:var(--metin);font-weight:600;margin-top:12px}
#seo-icerik dd{margin:2px 0 0}