:root{--brand:#3e4748;--brand-dark:#265b64;--card-title-bg:#2f6f7a}body{background:#f3f4f6}.site-header{background:var(--brand)}.brand-title{letter-spacing:.2px;font-weight:700}.card-cat .card-header{background:var(--card-title-bg);color:#fff;font-weight:700;padding:.55rem .75rem}.card-cat .list-group-item{padding:.35rem .75rem;font-size:.95rem;line-height:1.2}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;padding:.5rem .75rem;background:#111827;color:#fff;border-radius:.5rem;display:inline-block;margin:.75rem}.search-wrap .form-control{border-radius:999px}.search-wrap .btn{border-radius:999px}.muted-note{color:#ffffffbf}.masonry{column-gap:1rem;column-count:1}.m-item{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 1rem;display:inline-block;width:100%}@media (min-width: 576px){.masonry{column-count:2}}@media (min-width: 992px){.masonry{column-count:3}}@media (min-width: 1200px){.masonry{column-count:5}}p{color:#242424;margin:0 0 20px}form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}input[type=text]{flex:1;padding:14px 16px;border-radius:10px;background:#fff;color:#020202;border:none;outline:none;border:1px solid #ccc}button{padding:14px 18px;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.item{background:#fff;padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc}.nick{font-size:18px;word-break:break-all}.site-footer{width:100%;background:var(--brand)}.copy{background:linear-gradient(to right,#626262,#000);border:none;color:#fff;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:15px}.navbar-dark .navbar-toggler-icon{background-image:var(--bs-navbar-toggler-icon-bg)}.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler:focus-visible{outline:none;box-shadow:none}.tepemarka{margin:0;color:#ff7800;font-weight:700;font-size:15px}.tepebosluk{padding:10px 20px}.accordion-button.sss-toggle-btn{background:#fff!important;color:#111827!important;font-weight:500!important;padding-left:0!important;padding-right:0!important;box-shadow:none!important}.accordion-button.sss-toggle-btn:not(.collapsed){background-color:#fff!important;color:#2563eb!important;box-shadow:none!important}.accordion-button.sss-toggle-btn:hover{background-color:#f9fafb!important;color:#111827!important}.accordion-button.sss-toggle-btn:focus,.accordion-button.sss-toggle-btn:focus-visible,.accordion-button.sss-toggle-btn:active{outline:none!important;box-shadow:none!important}.accordion-button.sss-toggle-btn::after{filter:none!important;transform:scale(0.9)!important}.space-copy-btn{width:100%;background-color:#3e4748;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.space-copy-btn:hover{background-color:#323a3b}.space-copy-btn:active{transform:scale(0.97)}.space-copy-btn:focus,.space-copy-btn:focus-visible{outline:none;box-shadow:none}.custom-dropdown{background-color:#f3f4f6;border-radius:12px;border:1px solid #ffffff14;padding:8px;min-width:240px;box-shadow:0 10px 30px #00000059}.custom-dropdown .dropdown-item{color:#090909;border-radius:8px;padding:10px 14px;font-size:14px;transition:background-color .15s ease,color .15s ease}.custom-dropdown .dropdown-item:hover{background-color:#1e293b;color:#fff}.custom-dropdown .dropdown-divider{border-color:#ffffff14;margin:6px 0}.sig-app{margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827}.sig-card{background:#fff;border:1px solid #1118271f;border-radius:16px;padding:16px;box-shadow:0 10px 30px #11182714}.sig-title{font-size:18px;margin:0 0 12px}.sig-label{display:block;font-size:13px;color:#6b7280;margin:10px 0 6px}.sig-input{width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:1px solid #1118271f;background:#f9fafb;color:#111827;outline:none;font-size:15px}.sig-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}.sig-btn{padding:11px 12px;border-radius:12px;border:1px solid #11182724;background:#111827;color:#fff;cursor:pointer;font-weight:800}.sig-btn-secondary{background:#fff;color:#111827}.sig-btn:disabled,.sig-miniBtn:disabled{opacity:.45;cursor:not-allowed}.sig-miniBtn{padding:9px 12px;border-radius:12px;border:1px solid #11182724;background:#fff;color:#111827;font-weight:900;min-width:44px}.sig-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #1118271f;border-radius:999px;background:#fff;font-size:12px}.sig-hint{margin-top:10px;font-size:13px;color:#6b7280;line-height:1.35}.sig-warn{margin-top:10px;font-size:13px;color:#dc2626;display:none}.sig-canvas{width:100%;height:260px;border-radius:14px;margin-top:14px;border:1px solid #1118271f;background:#fff;display:block}.sig-meta{margin-top:8px;font-size:12px;color:#6b7280;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.share-buttons{display:flex;gap:10px;align-items:center;justify-content:center}.share-btn{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;color:#fff;box-shadow:0 6px 14px #0000001f;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.share-icon{width:20px;height:20px;fill:currentColor;display:block}.share-fb{background:#1877F2}.share-x{background:#111}.share-wa{background:#25D366}.share-mail{background:#0d6efd}.share-copy{background:#6c757d}.share-btn:hover{transform:translateY(-1px) scale(1.05);filter:brightness(1.05)}.share-btn:focus{outline:none;box-shadow:0 0 0 3px #0000001f 0 6px 14px #0000001f}@media (max-width:480px){.share-btn{width:40px;height:40px}.share-icon{width:19px;height:19px}}.social-icons-imza{padding-top:20px}.sig-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.sig-row > *{min-width:0}@media (max-width:576px){.sig-row{flex-direction:column;align-items:stretch}.sig-btn,.sig-miniBtn,.sig-pill{width:100%}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:10px}.site-footer,.site-footer span{overflow-wrap:anywhere}html,body{overflow-x:hidden}.sig-canvas{width:100%;height:240px}@media (max-width:576px){.sig-canvas{height:340px}}
/* --- Mobil optimize: imza alanı + buton yerleşimi --- */
.sig-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Canvas: mobilde daha yüksek, %100 genişlik, block */
.sig-canvas{display:block;width:100% !important;height:260px !important;border-radius:16px}
@media (max-width:576px){
  .sig-canvas{height:380px !important}
  .sig-card{padding:14px}
  .sig-input{font-size:16px;padding:12px 14px}

  /* 1. sıra: 2 kolon (Yeni Tasarım / İndir) */
  #btnNew,#btnPng{
    flex:1 1 calc(50% - 10px) !important;
    width:auto !important;
    padding:12px 10px;
    font-size:14px;
    white-space:nowrap;
  }

  /* 2. sıra: - ve + yan yana */
  #btnMinus,#btnPlus{
    flex:1 1 calc(50% - 10px) !important;
    width:auto !important;
    padding:10px 0;
    font-size:18px;
  }

  /* Boyut etiketi tek satır ortalı */
  .sig-pill{
    flex:1 1 100% !important;
    text-align:center;
    padding:10px 12px;
    font-size:14px;
  }

  /* Temizle tam genişlik */
  #btnClear{
    flex:1 1 100% !important;
    width:100% !important;
    padding:12px 10px;
    font-size:14px;
  }

  /* Uyarı metni */
  .sig-warn{font-size:13px}
}