:root{--navy:#071A35;--navy-2:#0c2347;--gold:#FBBF24;--gold-dark:#d99a00;--line:#d9dee7;--soft:#f4f6f9;--text:#172033;--muted:#697386;--success:#169c45}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.topbar{height:54px;display:grid;grid-template-columns:260px 1fr 180px;align-items:center;padding:0 10px;border-bottom:1px solid var(--line);background:#fff}.brand{font-size:25px;font-style:italic;letter-spacing:-1px}.brand span{color:var(--navy)}.brand b{color:var(--gold)}.top-title{text-align:center;display:grid;gap:4px;font-size:12px;color:#4f5d70}.top-title small{font-size:12px}.top-actions{display:flex;justify-content:flex-end;gap:14px;align-items:center}.menu-btn{border:0;background:transparent;font-size:24px;color:#748091;cursor:pointer}.breadcrumb{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:12px;border-bottom:1px solid var(--line)}.breadcrumb a{color:#1467d8}.app-shell{display:grid;grid-template-columns:190px 310px minmax(0,1fr);height:calc(100vh - 132px);min-height:590px}.tool-nav{border-right:1px solid var(--line);padding:0 6px;background:#fff}.tool-link{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;margin-bottom:2px;border:1px solid var(--line);border-left:3px solid #1d76ea;border-radius:3px;color:#1764ce;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden}.tool-link>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-link:hover,.tool-link.active{background:#f0f3f8;border-left-color:var(--gold);color:var(--navy)}.tool-icon{width:18px;min-width:18px;text-align:center}.control-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.panel-head{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#f3f4f6;border-bottom:1px solid var(--line);color:#596273}.panel-body{padding:16px 10px}.tool-form{display:grid;gap:12px}.tool-form label{font-size:14px;font-weight:600}.inline-fields{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:6px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}input[type=number],select{width:100%;height:36px;border:1px solid #cfd5de;border-radius:4px;padding:0 9px}.check,.radio{font-weight:400!important}.primary-btn,.download-btn{background:var(--gold);color:var(--navy);border:1px solid var(--gold-dark);border-radius:4px;padding:10px 18px;font-weight:700;cursor:pointer}.primary-btn:hover,.download-btn:hover{filter:brightness(.96)}.primary-btn.full{width:100%;margin-top:4px}.range-value{text-align:center;color:var(--muted);font-size:13px}.status{margin-top:10px;font-size:13px;min-height:18px}.status.success{color:var(--success)}.status.error{color:#c62828}.ad-box{margin:auto 6px 6px;height:250px;border:1px dashed #adb5c2;background:#f6f7f9;display:grid;place-content:center;text-align:center;color:#8a93a3;font-size:12px}.ad-box div{font-size:28px;margin-top:6px;color:#b1b7c1}.info-table{width:100%;border-collapse:collapse;font-size:12px}.info-table th,.info-table td{border:1px solid var(--line);padding:8px 6px;text-align:center}.info-table th{color:#667183}.preview-area{background:#f7f7f7;overflow:auto;padding:54px 40px;display:flex;align-items:flex-start;justify-content:center}.preview-stage{max-width:100%;min-width:320px;min-height:300px;display:flex;align-items:center;justify-content:center}.preview-stage img{max-width:100%;max-height:calc(100vh - 230px);object-fit:contain;box-shadow:0 4px 24px rgba(15,28,49,.12);background:#fff}.bottom-bar{height:44px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 10px;border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0;background:#fff}.outline-btn{border:1px solid var(--success);color:var(--success);border-radius:4px;padding:7px 11px;font-size:12px}.download-btn{padding:7px 11px;font-size:12px;background:var(--success);color:#fff;border-color:#0c8238}.upload-page{min-height:calc(100vh - 88px);display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--navy-2))}.upload-card{width:min(560px,92vw);background:#fff;border-radius:14px;padding:42px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}.upload-icon{width:72px;height:72px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;margin:0 auto 18px;font-size:32px}.upload-card h1{margin:0 0 12px}.upload-card p{color:var(--muted);line-height:1.6}.upload-form{display:flex;gap:10px;justify-content:center;margin:24px 0}.file-picker input{display:none}.file-picker span{height:42px;display:flex;align-items:center;border:1px solid var(--navy);color:var(--navy);border-radius:4px;padding:0 18px;font-weight:700;cursor:pointer}.alert{padding:10px;background:#ffe6e6;color:#a30000;border-radius:4px}.upload-card small{color:var(--muted)}
@media(max-width:900px) and (min-width:701px){.topbar{grid-template-columns:1fr auto}.top-title{display:none}.app-shell{grid-template-columns:176px 260px minmax(0,1fr)}.tool-link{padding-left:8px;padding-right:8px}.tool-link span:last-child{font-size:12px}.preview-area{padding:24px 16px}}
@media(max-width:700px){.app-shell{display:block;height:auto;padding-bottom:55px}.tool-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border-right:0}.tool-link{justify-content:center;padding:6px;height:auto;flex-direction:column}.control-panel{border-right:0}.ad-box{display:none}.preview-area{min-height:420px}.bottom-bar{justify-content:center}.outline-btn,.download-btn{font-size:11px;padding:7px}.upload-form{flex-direction:column}.file-picker span{justify-content:center}}

/* İlk ekran: neredeyse tam ekran sürükle-bırak alanı */
body.upload-mode{overflow:hidden;background:var(--navy)}
.upload-mode .upload-page{min-height:100vh;height:100vh;padding:18px;background:radial-gradient(circle at 50% 35%,#123864 0,var(--navy-2) 38%,var(--navy) 100%)}
.drop-form{width:100%;height:100%;position:relative}
.drop-zone{width:100%;height:100%;min-height:520px;border:2px dashed rgba(251,191,36,.62);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;cursor:pointer;position:relative;overflow:hidden;background:rgba(255,255,255,.025);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.drop-zone::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.06);border-radius:15px;pointer-events:none}
.drop-zone:hover,.drop-zone.dragover{border-color:var(--gold);background:rgba(251,191,36,.075);transform:scale(.997)}
.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.drop-brand{position:absolute;top:30px;left:34px;color:#fff;font-size:25px;font-weight:700;letter-spacing:-1px}.drop-brand b{color:var(--gold)}
.drop-icon{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;margin-bottom:28px;background:var(--gold);color:var(--navy);font-size:62px;font-weight:800;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.drop-zone strong{font-size:clamp(28px,4vw,54px);line-height:1.1;color:#fff;letter-spacing:-1.5px}
.drop-note{margin-top:15px;color:#c9d6e9;font-size:clamp(15px,1.5vw,21px)}
.drop-types{margin-top:28px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.7px}
.drop-loading{display:none;margin-top:22px;color:#fff;font-weight:700}.drop-zone.loading .drop-loading{display:block}.drop-zone.loading .drop-note,.drop-zone.loading .drop-types{opacity:.35}
.upload-alert{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);z-index:4;min-width:min(520px,88vw);text-align:center}
@media(max-width:700px){.upload-mode .upload-page{padding:10px}.drop-zone{min-height:100%;border-radius:15px;padding:24px}.drop-zone::before{inset:10px}.drop-brand{top:22px;left:22px;font-size:21px}.drop-icon{width:86px;height:86px;font-size:48px;margin-bottom:22px}.drop-zone strong{font-size:30px}.drop-note{font-size:15px}.drop-types{font-size:11px;line-height:1.7}}

.upload-submit{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
}
.no-js .upload-submit{
    position:static;
    width:auto;
    height:auto;
    clip:auto;
    overflow:visible;
    margin-top:16px;
}

/* Görsel üzerinden kırpma */
.image-wrap{position:relative;display:inline-block;line-height:0;max-width:100%}
.image-wrap>img{display:block}
.crop-mode .image-wrap{user-select:none;touch-action:none}
.crop-box{position:absolute;left:0;top:0;border:2px solid #ef233c;box-shadow:0 0 0 9999px rgba(0,0,0,.46);cursor:move;z-index:4;min-width:24px;min-height:24px}
.crop-box::before,.crop-box::after{content:"";position:absolute;pointer-events:none;opacity:.65}
.crop-box::before{left:33.333%;top:0;bottom:0;width:33.333%;border-left:1px dashed rgba(255,255,255,.9);border-right:1px dashed rgba(255,255,255,.9)}
.crop-box::after{top:33.333%;left:0;right:0;height:33.333%;border-top:1px dashed rgba(255,255,255,.9);border-bottom:1px dashed rgba(255,255,255,.9)}
.crop-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #ef233c;border-radius:2px;z-index:5}
.crop-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.crop-handle.n{left:50%;top:-8px;transform:translateX(-50%);cursor:ns-resize}.crop-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.crop-handle.e{right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.crop-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-handle.s{left:50%;bottom:-8px;transform:translateX(-50%);cursor:ns-resize}.crop-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-handle.w{left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.crop-size-label{position:absolute;left:8px;top:8px;background:rgba(239,35,60,.92);color:#fff;padding:4px 7px;border-radius:3px;font-size:12px;line-height:1;white-space:nowrap;pointer-events:none}
.crop-values{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:12px;color:#667183}
.crop-values span{background:#f3f4f6;border:1px solid #dfe3e8;border-radius:4px;padding:7px}
.crop-inputs{display:none}

/* Editörün tamamında ana sayfadaki lacivert-altın renk düzeni */
body.editor-mode{background:var(--navy);color:#eef4ff}
.editor-mode .topbar,.editor-mode .breadcrumb,.editor-mode .tool-nav,.editor-mode .control-panel,.editor-mode .bottom-bar{background:var(--navy);border-color:rgba(255,255,255,.12);color:#eef4ff}
.editor-mode .brand span{color:#fff}
.editor-mode .top-title,.editor-mode .top-title small,.editor-mode .menu-btn{color:#c9d6e9}
.editor-mode .breadcrumb a{color:var(--gold)}
.editor-mode .tool-link{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.12);border-left-color:rgba(251,191,36,.45);color:#dce8f8}
.editor-mode .tool-link:hover,.editor-mode .tool-link.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.editor-mode .panel-head{background:var(--navy-2);border-color:rgba(255,255,255,.12);color:var(--gold)}
.editor-mode .panel-body{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#eef4ff}
.editor-mode input[type=number],.editor-mode input[type=text],.editor-mode select{background:#102b52;border-color:#355176;color:#fff}
.editor-mode input[type=range]{accent-color:var(--gold)}
.editor-mode input[type=color]{background:#102b52;border:1px solid #355176;border-radius:5px;width:100%;height:38px;padding:4px}
.editor-mode .range-value,.editor-mode .form-hint{color:#b8c8df}
.editor-mode .ad-box{background:rgba(255,255,255,.025);border-color:rgba(251,191,36,.35);color:#93a8c4}
.editor-mode .ad-box div{color:var(--gold)}
.editor-mode .info-table th,.editor-mode .info-table td{border-color:rgba(255,255,255,.12)}
.editor-mode .info-table th{color:var(--gold)}
.editor-mode .preview-area{background:radial-gradient(circle at 50% 25%,#123864 0,var(--navy-2) 42%,var(--navy) 100%)}
.editor-mode .outline-btn{border-color:var(--gold);color:var(--gold)}
.editor-mode .download-btn{background:var(--gold);border-color:var(--gold-dark);color:var(--navy)}
.editor-mode .status.success{color:#76e69d}.editor-mode .status.error{color:#ff8f8f}
.editor-mode .crop-values{color:#dce8f8}.editor-mode .crop-values span{background:#102b52;border-color:#355176}

/* Fareyle taşınabilen filigran */
.watermark-options label{display:grid;gap:7px;font-size:12px!important}
.form-hint{font-size:12px;line-height:1.5;margin:0}
.watermark-mode .image-wrap{user-select:none;touch-action:none}
.watermark-overlay{position:absolute;left:0;top:0;z-index:6;display:inline-block;white-space:nowrap;font-family:Arial,"Segoe UI",sans-serif;font-weight:700;line-height:1.05;cursor:grab;transform-origin:center center;text-shadow:0 1px 3px rgba(0,0,0,.55);border:1px dashed rgba(251,191,36,.85);padding:4px 7px;background:rgba(7,26,53,.12);touch-action:none}
.watermark-overlay::after{content:"Sürükle";position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);font-size:10px;line-height:1;color:var(--navy);background:var(--gold);padding:4px 6px;border-radius:3px;opacity:.9;text-shadow:none}
.watermark-overlay.dragging{cursor:grabbing;border-style:solid;box-shadow:0 0 0 3px rgba(251,191,36,.24)}

/* Filigran yazı stilleri ve isteğe bağlı çerçeve */
.frame-switch{margin-top:4px;padding:10px;border:1px solid rgba(251,191,36,.35);border-radius:6px;background:rgba(251,191,36,.06)}
.frame-options{display:grid;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(0,0,0,.12)}
.frame-options[hidden]{display:none!important}
.watermark-overlay.has-frame{background:rgba(7,26,53,.16);text-shadow:0 1px 3px rgba(0,0,0,.65);box-shadow:0 0 16px rgba(0,0,0,.18)}
.watermark-overlay.has-frame::after{bottom:calc(100% + 8px)}

.system-warning,.system-ok{border-radius:8px;padding:11px 12px;margin:0 0 15px;line-height:1.45;font-size:13px}
.system-warning{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.55);color:#fecaca}
.system-warning strong,.system-warning span{display:block}.system-warning a{display:inline-block;margin-top:7px;color:#FBBF24;font-weight:700;text-decoration:none}
.system-ok{background:rgba(34,197,94,.11);border:1px solid rgba(34,197,94,.42);color:#bbf7d0}

/* =========================================================
   Sabit önizleme / bağımsız araç paneli kaydırması
   ========================================================= */
@media (min-width:701px){
  html,body.editor-mode{
    height:100%;
    overflow:hidden;
  }

  .editor-mode .app-shell{
    height:calc(100vh - 132px);
    min-height:0;
    overflow:hidden;
  }

  .editor-mode .tool-nav{
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
  }

  .editor-mode .control-panel{
    min-height:0;
    height:100%;
    overflow:hidden;
  }

  .editor-mode .panel-head{
    flex:0 0 42px;
  }

  .editor-mode .panel-body{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-color:var(--gold) var(--navy-2);
  }

  .editor-mode .panel-body::-webkit-scrollbar,
  .editor-mode .tool-nav::-webkit-scrollbar{
    width:8px;
  }

  .editor-mode .panel-body::-webkit-scrollbar-track,
  .editor-mode .tool-nav::-webkit-scrollbar-track{
    background:var(--navy-2);
  }

  .editor-mode .panel-body::-webkit-scrollbar-thumb,
  .editor-mode .tool-nav::-webkit-scrollbar-thumb{
    background:var(--gold);
    border-radius:999px;
    border:2px solid var(--navy-2);
  }

  .editor-mode .preview-area{
    min-width:0;
    min-height:0;
    height:100%;
    overflow:hidden;
    padding:20px 28px;
    align-items:center;
  }

  .editor-mode .preview-stage{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    max-width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .editor-mode .image-wrap{
    max-width:100%;
    max-height:100%;
  }

  .editor-mode .preview-stage img,
  .editor-mode .image-wrap>img{
    max-width:100%;
    max-height:calc(100vh - 174px);
    width:auto;
    height:auto;
    object-fit:contain;
  }

  .editor-mode .ad-box{
    flex:0 0 250px;
  }
}

/* Mobilde doğal sayfa akışı korunur. */
@media (max-width:700px){
  html,body.editor-mode{
    height:auto;
    overflow:auto;
  }

  .editor-mode .control-panel,
  .editor-mode .panel-body,
  .editor-mode .preview-area{
    height:auto;
    overflow:visible;
  }
}

/* Sol üst dil ve normal site menüsü */
.topbar{position:relative}
.top-actions{position:absolute;left:10px;top:0;height:54px;display:flex;justify-content:flex-start;gap:6px;align-items:center;z-index:30}
.topbar .brand{margin-left:92px}
.header-trigger{height:38px;min-width:38px;border:0;background:transparent;color:#748091;cursor:pointer;border-radius:7px}
.header-trigger:hover,.header-trigger[aria-expanded="true"]{background:rgba(128,145,170,.14)}
.language-trigger{font-size:13px;font-weight:700}
.menu-btn{display:grid;align-content:center;justify-content:center;gap:4px;padding:8px;font-size:0}
.menu-btn span{display:block;width:21px;height:2px;border-radius:2px;background:currentColor}
.header-dropdown{position:absolute;left:0;top:48px;width:258px;background:#fff;color:#111;border:1px solid #ccd1d8;border-radius:4px;box-shadow:0 12px 32px rgba(0,0,0,.18);overflow:hidden;text-align:left}
.header-dropdown[hidden]{display:none!important}
.header-dropdown a{display:flex;align-items:center;min-height:34px;padding:7px 12px 7px 24px;font-size:15px}
.header-dropdown a:hover,.header-dropdown a:focus{background:#f2f4f7}
.language-menu{display:grid;grid-template-columns:1fr 1fr;width:270px;padding:2px 0}
.language-menu a{padding-left:8px}.language-menu a span{width:17px;font-weight:800}
.language-menu a.selected{background:#f2f4f7;font-weight:700}
.site-menu .menu-group{padding:7px 0}.site-menu .info-links{border-top:1px solid #ccd1d8}.site-menu a{padding-left:24px}
.editor-mode .language-trigger{color:#c9d6e9}.editor-mode .header-dropdown{background:#fff;color:#111;border-color:#ccd1d8}
.upload-mode .topbar{background:var(--navy);border-color:rgba(255,255,255,.12);color:#fff}.upload-mode .brand span{color:#fff}.upload-mode .language-trigger,.upload-mode .menu-btn{color:#c9d6e9}
.upload-mode .upload-page{height:calc(100vh - 54px);min-height:calc(100vh - 54px)}
@media(max-width:900px){.topbar .brand{margin-left:92px}.header-dropdown{max-width:calc(100vw - 20px)}}

/* Çok dilli bilgi sayfaları */
.content-mode{min-height:100vh;background:radial-gradient(circle at 70% 10%,#123864 0,#0b2342 35%,#071a35 100%);color:#eef4ff}
.content-mode .topbar{background:#071a35;border-color:rgba(255,255,255,.12)}.content-mode .brand span{color:#fff}.content-mode .language-trigger,.content-mode .menu-btn{color:#c9d6e9}
.content-page{width:min(980px,calc(100% - 32px));margin:0 auto;padding:70px 0}.content-back{display:inline-flex;color:#fbbf24;margin-bottom:28px;font-weight:700}
.content-page article{padding:clamp(28px,6vw,72px);border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.content-kicker{color:#fbbf24;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.content-page h1{font-size:clamp(38px,7vw,72px);line-height:1;margin:16px 0 24px}.content-page p{max-width:720px;color:#c9d6e9;font-size:18px;line-height:1.8;margin:0}

/* Üst menüdeki yatay Akzur logosu */
.brand-image {
    display: flex;
    align-items: center;
    width: max-content;
    height: 54px;
    line-height: 0;
}

.brand-image img {
    display: block;
    width: auto;
    height: 38px;
    max-width: 190px;
    object-fit: contain;
}

/* Sürükle-bırak alanındaki büyük logo */
.drop-main-logo {
    display: block;
    width: min(430px, 65vw);
    height: auto;
    max-height: 150px;
    object-fit: contain;
    margin: 0 auto 28px;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .22));
}

@media (max-width: 700px) {
    .brand-image {
        height: 54px;
    }

    .brand-image img {
        height: 31px;
        max-width: 145px;
    }

    .drop-main-logo {
        width: min(310px, 76vw);
        max-height: 110px;
        margin-bottom: 22px;
    }
}