/* ders-katman.css — Ders Sticker katmanlı "Kendin yaz" (2026-10-26). Kaynak: onaylı önizleme kendin-yaz-onizleme.html.
   Önizlemedeki .stk / .k-* / .ky-* kuralları sitenin adlandırmasına uyarlandı: .dkk (kart), .kl-<görünüm>, .dkk-<parça>, .dz-<süs>.
   color-mix YOK: koyu ton (--rk) JS'te hesaplanır. Düzenleyici arayüzü .dkz-* (sayfanın kendi görsel dili: kalın çerçeve, limon, mürekkep). */

/* Yazı tipleri (OFL 1.1, @fontsource 5.2.5 woff2; lisanslar yazitipi/LICENSE-*.txt). latin + latin-ext: Türkçe İ ı ğ ş latin-ext'te. */
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(yazitipi/nunito-latin-ext-800.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(yazitipi/nunito-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Patrick Hand';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/patrick-hand-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Patrick Hand';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/patrick-hand-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/special-elite-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/special-elite-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url(yazitipi/merriweather-latin-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url(yazitipi/merriweather-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/press-start-2p-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/press-start-2p-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'VT323';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/vt323-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'VT323';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/vt323-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ── Sticker: taban 270 × 360 px, --o ölçek ── */
.dkk{--o:1;--r:#bfdbfe;--rk:#69798c;width:calc(270px * var(--o));height:calc(360px * var(--o));border-radius:calc(22px * var(--o));
  box-shadow:0 0 0 calc(7px * var(--o)) #fff,0 calc(8px * var(--o)) calc(18px * var(--o)) rgba(0,0,0,.25);overflow:hidden;position:relative;flex-shrink:0;
  color:#1a1a1a;font-family:'Familjen Grotesk',sans-serif;text-align:center;line-height:1.2}
.dkk-p{position:absolute;transform:translate(-50%,-50%);text-align:center;overflow-wrap:anywhere}
.dkk-b{letter-spacing:.12em;text-transform:uppercase;line-height:1.15}
.dkk-r{aspect-ratio:4/3;border-radius:calc(14px * var(--o));overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.75);border:2px dashed rgba(0,0,0,.25)}
.dkk-r.kare{aspect-ratio:1}
.dkk-r.dolu{border:0;background:#fff}
.dkk-r img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.dkk-r .bos{font-weight:700;font-size:calc(12px * var(--o));opacity:.6;padding:8px}
.dkk-r.silindi{background:linear-gradient(45deg,#f3f4f6 25%,#e5e7eb 25%,#e5e7eb 50%,#f3f4f6 50%,#f3f4f6 75%,#e5e7eb 75%) 0 0/16px 16px;border:2px dashed #9ca3af}
.dkk-r.silindi .bos{opacity:.85;color:#4b5563}
.dkk-f{padding:calc(9px * var(--o)) calc(8px * var(--o));border-radius:calc(12px * var(--o));line-height:1.15}
.dkk-n{line-height:1.3}
.dkk sup,.dkk sub{font-size:.62em;line-height:0}
.dkk-p.bos{opacity:.45;font-style:italic}
.dkk-s{aspect-ratio:1}
.dkk-s svg{width:100%;height:100%;display:block;filter:drop-shadow(0 calc(1.5px * var(--o)) calc(1.5px * var(--o)) rgba(0,0,0,.25));pointer-events:none}
.dkk-z{position:absolute;pointer-events:none;font-style:normal}
.dkk-z.mrk{transform:translate(-50%,-50%)}
.dkk.baski{box-shadow:none!important}

/* ── 10 GÖRÜNÜM (önizlemeden birebir) ── */
.dkk.kl-sticker{background:linear-gradient(160deg,#fff,var(--r))}
.kl-sticker .dkk-f{background:rgba(255,255,255,.88)}
.kl-sticker .dkk-b{color:var(--rk)}

.dkk.kl-tebesir{background:radial-gradient(ellipse at 30% 20%,#3f6b52,#1f3d32 75%);color:#f8fafc}
.dkk.kl-tebesir::before{content:'';position:absolute;inset:0;border:calc(9px * var(--o)) solid #8b5a2b;border-radius:inherit;box-shadow:inset 0 0 0 calc(2px * var(--o)) #5c3a1a;pointer-events:none}
.kl-tebesir .dkk-p{text-shadow:0 0 1px rgba(255,255,255,.55)}
.kl-tebesir .dkk-f{background:transparent;border-bottom:calc(2px * var(--o)) dashed rgba(255,255,255,.7);border-radius:0;color:#fef08a}
.kl-tebesir .dkk-r{background:#fff;border:0;transform:translate(-50%,-50%) rotate(-2deg);box-shadow:0 calc(3px * var(--o)) calc(6px * var(--o)) rgba(0,0,0,.4)}
.kl-tebesir .dkk-b{color:var(--r)}
.dz-tepsi{left:10%;right:10%;bottom:2.6%;height:2%;background:#6b4423;border-radius:3px}
.dz-tebesir{bottom:3.9%;height:1.4%;width:9%;border-radius:2px}
.dz-miknatis{width:calc(13px * var(--o));height:calc(13px * var(--o));border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.55),transparent 45%),#ff3d6e;box-shadow:0 calc(2px * var(--o)) calc(3px * var(--o)) rgba(0,0,0,.45)}

.dkk.kl-defter{background:linear-gradient(90deg,transparent 13%,#ff8fa0 13%,#ff8fa0 calc(13% + 1.5px),transparent calc(13% + 1.5px)),linear-gradient(transparent calc(24px * var(--o) - 1px),#bfdbfe calc(24px * var(--o) - 1px)) 0 calc(14px * var(--o)) / 100% calc(24px * var(--o)),#fffef5;color:#1e3a8a}
.kl-defter .dkk-f{background:linear-gradient(transparent 42%,var(--r) 42%,var(--r) 90%,transparent 90%);border-radius:0}
.kl-defter .dkk-b{color:#be123c;text-decoration:underline wavy rgba(190,18,60,.5);text-underline-offset:3px}
.kl-defter .dkk-r{background:#fff;border:0;transform:translate(-50%,-50%) rotate(1.5deg);box-shadow:0 calc(2px * var(--o)) calc(6px * var(--o)) rgba(0,0,0,.2)}
.dz-delik{width:calc(9px * var(--o));height:calc(9px * var(--o));border-radius:50%;background:#d6d3d1;box-shadow:inset 0 calc(2px * var(--o)) calc(2px * var(--o)) rgba(0,0,0,.35)}
.dz-bant{width:calc(62px * var(--o));height:calc(17px * var(--o));background:rgba(253,230,138,.85);box-shadow:0 1px 2px rgba(0,0,0,.15)}

.dkk.kl-neon{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / calc(18px * var(--o)) calc(18px * var(--o)),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / calc(18px * var(--o)) calc(18px * var(--o)),radial-gradient(circle at 50% 0,#312e81,#0d0b1f 70%);color:#fff}
.kl-neon .dkk-p{text-shadow:0 0 calc(4px * var(--o)) var(--r),0 0 calc(12px * var(--o)) var(--r)}
.kl-neon .dkk-f{background:transparent;border:calc(2px * var(--o)) solid var(--r);box-shadow:0 0 calc(10px * var(--o)) var(--r),inset 0 0 calc(10px * var(--o)) var(--r)}
.kl-neon .dkk-r{border:calc(2px * var(--o)) solid var(--r);box-shadow:0 0 calc(12px * var(--o)) var(--r);background:#fff}
.kl-neon .dkk-b{color:var(--r)}

.dkk.kl-kawaii{background:radial-gradient(#fff 16%,transparent 19%) 0 0 / calc(20px * var(--o)) calc(20px * var(--o)),linear-gradient(160deg,#fce7f3,var(--r));color:#9d174d}
.kl-kawaii .dkk-f{background:#fff;border-radius:999px;border:calc(2.5px * var(--o)) solid #f9a8d4;color:#831843}
.kl-kawaii .dkk-r{border:calc(3px * var(--o)) solid #fff;background:#fff;border-radius:calc(26px * var(--o));box-shadow:0 0 0 calc(2.5px * var(--o)) #f9a8d4}
.dz-kw{width:calc(15px * var(--o));height:calc(15px * var(--o))}
.dz-kw svg,.dz-pxkalp svg{width:100%;height:100%;display:block}

.dkk.kl-pixel{background:conic-gradient(#e0f2fe 25%,#bae6fd 0 50%,#e0f2fe 0 75%,#bae6fd 0) 0 0 / calc(16px * var(--o)) calc(16px * var(--o));color:#0f172a}
.kl-pixel .dkk-f{background:#fff;border-radius:0;box-shadow:0 calc(-3px * var(--o)) 0 #0f172a,0 calc(3px * var(--o)) 0 #0f172a,calc(-3px * var(--o)) 0 0 #0f172a,calc(3px * var(--o)) 0 0 #0f172a}
.kl-pixel .dkk-r{border-radius:0;border:calc(3px * var(--o)) solid #0f172a;background:#fff}
.kl-pixel .dkk-r img{image-rendering:pixelated}
.kl-pixel .dkk-b{color:#2563eb}
.dz-pxkalp{width:calc(13px * var(--o));height:calc(12px * var(--o))}

.dkk.kl-kart{background:linear-gradient(135deg,#fde68a,#f59e0b 38%,#fef3c7 58%,#d97706);color:#1a1a1a}
.dkk.kl-kart::before{content:'';position:absolute;inset:4.5%;border-radius:calc(14px * var(--o));background:linear-gradient(170deg,#fff,var(--r));box-shadow:inset 0 0 0 calc(2px * var(--o)) rgba(0,0,0,.35)}
.kl-kart .dkk-b{background:#1a1a1a;color:#fde68a;padding:calc(5px * var(--o)) 0;border-radius:calc(8px * var(--o))}
.kl-kart .dkk-f{background:rgba(255,255,255,.92);border:calc(2px * var(--o)) solid #1a1a1a}
.kl-kart .dkk-f::before{content:'ÖZEL GÜÇ';display:block;font:800 calc(8px * var(--o))/1 'Familjen Grotesk',sans-serif;letter-spacing:.14em;color:#b45309;margin-bottom:calc(4px * var(--o))}
.kl-kart .dkk-r{border:calc(3px * var(--o)) solid #1a1a1a;background:#fff}
.dz-yildizlar{font-size:calc(11px * var(--o));color:#92400e;letter-spacing:.2em}

.dkk.kl-plan{background:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px) 0 0 / calc(16px * var(--o)) calc(16px * var(--o)),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px) 0 0 / calc(16px * var(--o)) calc(16px * var(--o)),#1e40af;color:#fff}
.kl-plan .dkk-f{background:rgba(30,64,175,.6);border:calc(1.5px * var(--o)) solid #fff;border-radius:0}
.kl-plan .dkk-r{background:#1e40af;border:calc(1.5px * var(--o)) dashed #fff;border-radius:0}
.kl-plan.ks-kart .dkk-r img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.kl-plan .dkk-b{border-bottom:1px solid #fff;padding-bottom:calc(3px * var(--o))}
.dz-arti{width:calc(12px * var(--o));height:calc(12px * var(--o));background:linear-gradient(#fff,#fff) center / 100% 1px no-repeat,linear-gradient(#fff,#fff) center / 1px 100% no-repeat}
.dz-damga{font:800 calc(9px * var(--o))/1 'Special Elite',monospace;color:#fca5a5;border:calc(2px * var(--o)) solid #fca5a5;padding:calc(3px * var(--o)) calc(5px * var(--o));transform:translate(-50%,-50%) rotate(-12deg)!important;letter-spacing:.1em}

.dkk.kl-pano{background:radial-gradient(rgba(0,0,0,.13) 1px,transparent 1.6px) 0 0 / calc(7px * var(--o)) calc(7px * var(--o)),radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.6px) calc(3px * var(--o)) calc(3px * var(--o)) / calc(9px * var(--o)) calc(9px * var(--o)),#c08a55;color:#1a1a1a}
.kl-pano .dkk-r{background:#fff;border:0;border-radius:calc(2px * var(--o));padding:4% 4% 11%;box-shadow:0 calc(4px * var(--o)) calc(8px * var(--o)) rgba(0,0,0,.35);transform:translate(-50%,-50%) rotate(-3deg)}
.kl-pano .dkk-f{background:#fff;border-radius:calc(2px * var(--o));border-top:calc(4px * var(--o)) solid #ef4444;box-shadow:0 calc(3px * var(--o)) calc(6px * var(--o)) rgba(0,0,0,.3);transform:translate(-50%,-50%) rotate(1.5deg)}
.kl-pano .dkk-n{background:#fef08a;padding:calc(9px * var(--o)) calc(8px * var(--o));box-shadow:0 calc(3px * var(--o)) calc(6px * var(--o)) rgba(0,0,0,.3);transform:translate(-50%,-50%) rotate(-2deg)}
.kl-pano .dkk-b{background:#fff;padding:calc(4px * var(--o));box-shadow:0 calc(2px * var(--o)) calc(4px * var(--o)) rgba(0,0,0,.25);transform:translate(-50%,-50%) rotate(-1deg)}
.dz-raptiye{width:calc(13px * var(--o));height:calc(13px * var(--o));border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.6),transparent 45%),#2563eb;box-shadow:calc(2px * var(--o)) calc(3px * var(--o)) calc(3px * var(--o)) rgba(0,0,0,.4)}

.dkk.kl-bilet{background:linear-gradient(160deg,#fff7ed,var(--r));color:#1a1a1a}
.dkk.kl-bilet::before{content:'';position:absolute;inset:3%;border:calc(2px * var(--o)) dashed rgba(0,0,0,.4);border-radius:calc(14px * var(--o));pointer-events:none}
.kl-bilet .dkk-b{background:#1a1a1a;color:#fff;padding:calc(5px * var(--o));border-radius:999px}
.kl-bilet .dkk-f{background:transparent;border-top:calc(2px * var(--o)) solid #1a1a1a;border-bottom:calc(2px * var(--o)) solid #1a1a1a;border-radius:0}
.kl-bilet .dkk-r{border:0;background:#fff}
.dz-barkod{display:flex;gap:calc(1.6px * var(--o));height:calc(15px * var(--o))}
.dz-barkod i{background:#1a1a1a;height:100%}
.dz-bilet-yan{font:800 calc(7px * var(--o))/1 'Familjen Grotesk',sans-serif;letter-spacing:.2em;transform:translate(-50%,-50%) rotate(90deg)!important;white-space:nowrap;opacity:.55}

/* ── ŞEKLE GÖRE KESİM (katalog sticker'ları gibi, 10-26 ek yön) ──
   Zemin, çerçeve ve görünüm süsleri yok. Bütün parçalar tek filtreyle sarılır: 8 kez kaydırılmış beyaz gölge = kalın beyaz kesim
   konturu (2 × 4,5 px taban ölçekte, ders-katman.js KONTUR), en sonda hafif gölge.
   2026-10-27 kasma: aynı kaydırma kümesi ({-9, -4,5, 0, 4,5, 9} × aynısı) 8 yerine 6 beyaz gölgeyle: 9 + (-4,5) + (-4,5) her eksende.
   Kontur kalınlığı ve biçimi aynı (önce/sonra görüntü: raporlar/SADE-DERS-2026-10-27/A), telefonda her boyamada filtre işi ~yarı. Parçalar birbirine yakınsa kontur birleşir: tek parça.
   html2canvas filtre desteklemez: katmanlı sticker html2canvas'tan geçmez (3D aktarımı yok); baskı sayfası tarayıcı yazdırmasıdır. */
.dkk.ks-sekil{background:none!important;box-shadow:none;border-radius:0;overflow:visible;
  filter:drop-shadow(calc(9px * var(--o)) 0 0 #fff) drop-shadow(calc(-4.5px * var(--o)) 0 0 #fff) drop-shadow(calc(-4.5px * var(--o)) 0 0 #fff)
    drop-shadow(0 calc(9px * var(--o)) 0 #fff) drop-shadow(0 calc(-4.5px * var(--o)) 0 #fff) drop-shadow(0 calc(-4.5px * var(--o)) 0 #fff)
    drop-shadow(0 calc(3px * var(--o)) calc(3px * var(--o)) rgba(0,0,0,.32))}
.dkk.ks-sekil::before{display:none}
/* yazı parçaları beyaz yuvarlak plaka üstünde: beyaz kontur plakayı da sarar, parçalar resimle tek parça birleşir */
.ks-sekil .dkk-f,.ks-sekil .dkk-n,.ks-sekil .dkk-b{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:calc(14px * var(--o))!important;text-decoration:none!important;
  padding:calc(4px * var(--o)) calc(8px * var(--o))!important;text-shadow:none;letter-spacing:.02em;line-height:1.12}
.ks-sekil .dkk-b{letter-spacing:.06em}
.ks-sekil .dkk-f::before{display:none}
/* sticker yazısı: dolgu görünüme göre renkli (satır içi), koyu dış çizgi --yc (8 yön) */
.ks-sekil .dkk-p.cizgili{--yk:calc(1.7px * var(--o));text-shadow:var(--yk) 0 0 var(--yc),calc(-1 * var(--yk)) 0 0 var(--yc),0 var(--yk) 0 var(--yc),0 calc(-1 * var(--yk)) 0 var(--yc),
  var(--yk) var(--yk) 0 var(--yc),calc(-1 * var(--yk)) var(--yk) 0 var(--yc),var(--yk) calc(-1 * var(--yk)) 0 var(--yc),calc(-1 * var(--yk)) calc(-1 * var(--yk)) 0 var(--yc)}
.ks-sekil.kl-neon .dkk-p.cizgili{text-shadow:calc(1.7px * var(--o)) 0 0 var(--yc),calc(-1.7px * var(--o)) 0 0 var(--yc),0 calc(1.7px * var(--o)) 0 var(--yc),0 calc(-1.7px * var(--o)) 0 var(--yc),0 0 calc(10px * var(--o)) currentColor}
.ks-sekil .dkk-r.sema,.ks-sekil .dkk-r.bos-yer{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.ks-sekil .dkk-r:not(.dolu){background:rgba(255,255,255,.6)}
.ks-sekil .dkk-s svg{filter:none}

/* ── Baskı ve ölçüm sarmalayıcısı (şekle göre kesim): dış sınır 254 px genişliğe ölçeklenir ── */
.dkk-kirp{position:relative;overflow:visible}
.dkk-kirp-ic{position:absolute;left:0;top:0;width:270px;height:360px;transform-origin:0 0}
.ds-kenar:has(> .dkk-kirp){padding:0;background:transparent}

/* ── Setim / gelen set küçük görünümü ── */
.dkk-mini{display:grid;place-items:center;padding:10px 0}

/* ══ DÜZENLEYİCİ (giydir mantığı) ══ */
.ds-yap-kip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.ds-yap-kip button{border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:999px;padding:9px 16px;font:800 14px 'Familjen Grotesk',sans-serif;cursor:pointer;min-height:44px}
.ds-yap-kip button small{font-weight:700;opacity:.65;margin-left:4px}
.ds-yap-kip button[aria-pressed="true"]{background:var(--ink);color:var(--lime)}
.dkz-kap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.dkz-tuval{background:repeating-conic-gradient(#e8e2d4 0 25%,#f6f2e8 0 50%) 0 0/22px 22px;border:3px solid var(--ink);border-radius:22px;padding:16px 12px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;min-width:0}
.dkz-ust{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center}
.dkz-katmanlar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.dkz-cip{border:2px solid var(--ink);border-radius:999px;padding:7px 12px;font:700 14px 'Familjen Grotesk',sans-serif;background:#fff;color:var(--ink);cursor:pointer;min-height:44px}
.dkz-cip[aria-pressed="true"]{background:var(--ink);color:var(--lime)}
.dkz-katmanlar .dkz-cip.gizli{border-style:dashed;opacity:.75}
.dkz-katmanlar .dkz-cip.sus{background:var(--lime)}
.dkz-katmanlar .dkz-cip.sus[aria-pressed="true"]{background:var(--ink);color:var(--lime)}
.dkz-geri{border:2px solid var(--ink);background:#fff;border-radius:999px;min-height:44px;padding:6px 14px;font:800 13px 'Familjen Grotesk',sans-serif;cursor:pointer;color:var(--ink)}
.dkz-geri:disabled{opacity:.4;cursor:default}
.dkz-sahne{position:relative;padding:8px;touch-action:none}
.dkz-sahne .dkk{--o:1.05;overflow:visible;touch-action:none;cursor:default}
.dkz-sahne .dkk.ks-kart.zemin-secili{box-shadow:0 0 0 calc(7px * var(--o)) #fff,0 0 0 calc(7px * var(--o) + 3px) var(--lime),0 0 0 calc(7px * var(--o) + 5px) var(--ink)}
/* şekle göre kesimde sahnenin kendisi işaretlenir (sticker'a çizilen çizgiyi beyaz kontur filtresi şişirirdi) */
.dkz-sahne:has(.dkk.ks-sekil){outline:2px dashed rgba(26,26,26,.16);outline-offset:-2px;border-radius:14px}
.dkz-sahne:has(.dkk.ks-sekil.zemin-secili){outline:3px dashed var(--ink);box-shadow:inset 0 0 0 5px rgba(200,255,61,.55)}
.dkz-sahne .dkk-p{cursor:grab;user-select:none;-webkit-user-select:none}
.dkz-sahne .ks-kart .dkk-p:hover{outline:2px dashed rgba(26,26,26,.35);outline-offset:3px}
.dkz-sahne .dkk-p.surukle{cursor:grabbing}
.dkz-sahne .ks-kart .dkk-p.tasiyor{outline:2.5px dashed var(--hot);outline-offset:2px}
.dkz-secim{position:absolute;pointer-events:none;outline:2.5px dashed var(--ink);outline-offset:4px;box-shadow:0 0 0 4px rgba(200,255,61,.85);border-radius:4px;z-index:3}
.dkz-secim .dkk-kulp{pointer-events:auto}
/* tutamak: görünen 28 px yeşil daire, dokunma alanı 44 px */
.dkk-kulp{position:absolute;right:-26px;bottom:-26px;width:44px;height:44px;display:grid;place-items:center;cursor:nwse-resize;touch-action:none;z-index:2;font-style:normal}
.dkk-kulp b{width:28px;height:28px;border-radius:50%;background:var(--lime);border:2.5px solid var(--ink);display:grid;place-items:center;font:900 13px/1 'Familjen Grotesk',sans-serif;color:var(--ink);box-sizing:border-box}
.dkz-kilavuz{position:absolute;top:-6px;bottom:-6px;left:50%;width:0;border-left:2px dashed var(--hot);pointer-events:none;display:none}
.dkz-kilavuz.acik{display:block}
.dkz-tasma{display:none;background:#fef9c3;border:2px solid #ca8a04;border-radius:12px;padding:7px 12px;font-weight:700;font-size:13px;color:#713f12;max-width:420px;text-align:center}
.dkz-tasma.acik{display:block}
.dkz-gor-baslik{align-self:flex-start;font:15px 'Archivo Black',sans-serif;margin:2px 4px -4px}
.dkz-gorunumler{width:100%;display:flex;gap:10px;overflow-x:auto;padding:4px 4px 10px;scroll-snap-type:x proximity}
.dkz-gor{flex:0 0 auto;scroll-snap-align:start;border:2px solid var(--ink);border-radius:14px;background:#fff;padding:10px 10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font:800 12px 'Familjen Grotesk',sans-serif;color:var(--ink);min-height:44px}
.dkz-gor .dkk.ks-kart{box-shadow:0 0 0 calc(7px * var(--o)) #fff,0 2px 5px rgba(0,0,0,.2)}
.dkz-gor[aria-pressed="true"]{background:var(--ink);color:var(--lime);box-shadow:0 0 0 3px var(--lime)}
.dkz-ayar{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:14px 16px;position:sticky;top:78px;max-height:calc(100vh - 90px);overflow-y:auto;min-width:0}
.dkz-ayar h3{font:17px 'Archivo Black',sans-serif;margin:0 0 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dkz-ayar h3 i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);border:2px solid var(--ink);border-radius:999px;padding:1px 8px}
.dkz-ayar label.et{display:block;font-weight:800;font-size:13px;margin:12px 0 5px}
.dkz-ayar input[type=text],.dkz-ayar textarea{width:100%;box-sizing:border-box;font:600 15px 'Familjen Grotesk',sans-serif;border:2px solid var(--ink);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);min-height:44px}
.dkz-ayar textarea{resize:vertical;min-height:64px}
.dkz-ayar input[type=range]{width:100%;accent-color:var(--ink);min-height:44px;margin:0}
.dkz-ayar .ipucu{font-size:12.5px;opacity:.75;margin:6px 0 0}
.dkz-ayar .ipucu code{background:#f1f1f1;border-radius:5px;padding:0 4px}
.dkz-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dkz-cipler{display:flex;gap:6px;flex-wrap:wrap}
.dkz-dugme{border:2px solid var(--ink);border-radius:12px;padding:10px 14px;font:800 14px 'Familjen Grotesk',sans-serif;background:#fff;color:var(--ink);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}
.dkz-dugme.ana{background:var(--lime)}
.dkz-dugme.koyu{background:var(--ink);color:var(--lime)}
.dkz-dugme.tam{width:100%}
.dkz-dugme:hover{box-shadow:3px 3px 0 var(--ink)}
.dkz-dugme:disabled{opacity:.45;cursor:default;box-shadow:none}
.dkz-alt{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.dkz-renkler{display:flex;gap:6px;flex-wrap:wrap}
.dkz-renk{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);cursor:pointer;padding:0}
.dkz-renk[aria-pressed="true"]{box-shadow:0 0 0 3px var(--lime),0 0 0 5px var(--ink)}
.dkz-zeminler{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}
.dkz-zemin{border:2px solid var(--ink);border-radius:12px;height:52px;cursor:pointer;position:relative;overflow:hidden;padding:0}
.dkz-zemin span{position:absolute;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);font-size:11px;font-weight:800;padding:2px 0;text-align:center;color:var(--ink)}
.dkz-zemin[aria-pressed="true"]{box-shadow:0 0 0 3px var(--lime),0 0 0 5px var(--ink)}
.dkz-kesim{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dkz-kesim button{border:2px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);padding:10px 8px;font:800 13.5px 'Familjen Grotesk',sans-serif;cursor:pointer;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:4px}
.dkz-kesim button small{font-weight:600;font-size:11.5px;opacity:.7}
.dkz-kesim button[aria-pressed="true"]{background:var(--ink);color:var(--lime)}
.dkz-sus-paleti{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.dkz-sus-paleti button{aspect-ratio:1;min-height:44px;border:2px solid var(--ink);border-radius:12px;background:#fff;padding:8px;cursor:pointer}
.dkz-sus-paleti button:hover{background:#f7fee7}
.dkz-sus-paleti button:disabled{opacity:.4;cursor:default}
.dkz-sus-paleti svg{width:100%;height:100%;display:block}
.dkz-ai{margin-top:10px;border:2px dashed var(--ink);border-radius:12px;padding:10px}
.dkz-ai-not{margin-top:8px;background:#f7fee7;border:2px solid var(--ink);border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700}
.dkz-mesaj{margin-top:8px;background:#fff1f2;border:2px solid var(--hot);border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700;color:#9f1239}
.dkz-mesaj.bilgi{background:#eff6ff;border-color:#1e3a8a;color:#1e3a8a}
.dkz-tarzlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:6px}
.dkz-tarz{border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);padding:5px 4px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font:800 11.5px/1.15 'Familjen Grotesk',sans-serif;min-height:44px}
.dkz-tarz img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff;display:block}
.dkz-tarz[aria-pressed="true"]{background:var(--ink);color:var(--lime);box-shadow:0 0 0 3px var(--lime)}
.dkz-konu{background:#f7fee7;border:2px solid var(--ink);border-radius:14px;padding:10px;margin-bottom:10px}
.dkz-konu label.et{margin-top:0}
.dkz-konu .dkz-cipler{margin-top:8px}
.dkz-banka,.dkz-yok{margin-top:10px;border:2px solid var(--ink);border-radius:12px;padding:10px;background:#fff}
.dkz-banka .ic{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}
.dkz-banka img{width:72px;height:72px;object-fit:contain;border:2px solid var(--ink);border-radius:10px;background:#fff}
.dkz-banka b,.dkz-yok b.bas{display:block;font:15px 'Archivo Black',sans-serif}
.dkz-banka small{display:block;font-weight:700;opacity:.65;font-size:12px}
.dkz-kformul{font:700 14px 'Merriweather',serif;margin-top:2px}
.dkz-kformul sup,.dkz-kformul sub{font-size:.65em}
.dkz-kust{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#bbf7d0;color:#14532d;border-radius:999px;padding:2px 8px;margin-bottom:4px}
.dkz-kust.yok{background:#fed7aa;color:#7c2d12}
.dkz-yok{background:#fffbeb}
.dkz-yok .dkz-dugme{width:100%;margin-top:8px}
.dkz-link{border:0;background:none;padding:0 2px;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer;color:var(--ink);min-height:44px;display:inline-flex;align-items:center}
.dkz-etk{border:2px solid var(--ink);border-radius:12px;padding:8px 10px;margin-bottom:10px;background:#fff}
.dkz-etk-izgara{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin-top:6px}
.dkz-etk-izgara label{font-size:11.5px;font-weight:800;opacity:.75;display:block}
.dkz-etk-izgara input[type=text]{font-size:13.5px;padding:6px 8px;border-radius:9px}
.dkz-not{font-size:12.5px;opacity:.75;margin:10px 0 0;max-width:720px}

/* Düzen, düzenleyicinin KENDİ genişliğine göre (sayfada Setim paneli yanında dar kalır): kap sorgusu */
#dsKatman{container-type:inline-size}
@container (max-width:639px){
  .dkz-kap{grid-template-columns:1fr}
  .dkz-ayar{position:static;max-height:none}
  .dkz-sahne .dkk{--o:1}
  .dkz-tuval{padding:12px 6px 16px}
}
@container (min-width:900px){ .dkz-sahne .dkk{--o:1.32} }
@container (max-width:330px){ .dkz-sahne .dkk{--o:.9} }
@media print{
  .ds-baski .dkk,.ds-baski .dkk *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* "Kendin yaz" biçimleri: [hidden] sayfanın display kurallarını yensin */
#dsKatman[hidden],#dsYapKart[hidden]{display:none!important}