[hidden]{display:none!important}
[aria-busy="true"]{cursor:wait}
button:disabled{cursor:not-allowed;opacity:.58}
.hr-skip-link{position:fixed;left:12px;top:12px;z-index:10000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#111827;color:#fff;font:700 13px/1 Inter,sans-serif}.hr-skip-link:focus{transform:none}
.cf-turnstile,.g-recaptcha{min-height:65px;overflow:hidden}
.lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:32px;background:rgba(10,12,24,.86);backdrop-filter:blur(8px)}.lightbox>img{display:block;max-width:min(94vw,1500px);max-height:90vh;object-fit:contain;border-radius:12px}.lightbox>button{position:absolute;right:22px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111827;font-size:28px;cursor:pointer}
.image-panel-overlay{position:fixed;inset:0;z-index:1190;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.image-panel{position:fixed;z-index:1200;right:0;top:0;width:min(680px,94vw);height:100dvh;overflow:auto;padding:24px;background:#fff;box-shadow:-20px 0 60px rgba(15,23,42,.2);transform:translateX(105%);transition:transform .22s ease}.image-panel.is-open{transform:none}.image-panel-open{overflow:hidden}
.ui-loading,.ui-form-error{padding:20px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.ui-form-error{border-color:#fecaca;background:#fff7f7;color:#b91c1c}
nav[role="navigation"]{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:24px 0}nav[role="navigation"] a,nav[role="navigation"] span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:7px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;text-decoration:none;font:700 12px/1 Inter,sans-serif}nav[role="navigation"] [aria-current="page"] span{border-color:#7c3aed;background:#7c3aed;color:#fff}
@media(max-width:700px){.lightbox{padding:16px}.image-panel{width:100%;padding:16px}}
/* Shared interactive chrome copied from the supplied home-page source. */
[hidden],.d-none,.hidden{display:none!important}
.hamburger{display:none;border:1px solid #e4e7f3;background:#fff;border-radius:9px;width:38px;height:38px;align-items:center;justify-content:center;color:#171b34;padding:0}
.mm-backdrop{position:fixed;inset:0;background:rgba(13,17,40,.45);opacity:0;pointer-events:none;transition:.25s;z-index:60}
.mm-backdrop.show{opacity:1;pointer-events:auto}
.mobile-menu{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(320px,88vw);background:#fff;z-index:70;transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.25,1);padding:18px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px;overflow-y:auto}
.mobile-menu.show{transform:translateX(0)}
.mm-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px;border-bottom:1px solid #eceef8;margin-bottom:6px}
.mm-close{width:36px;height:36px;border:1px solid #e4e7f3;background:#fff;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#171b34}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu nav a{padding:13px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#20243c}
.mobile-menu nav a:hover{background:#f4f5fc;color:var(--indigo)}
.mobile-menu nav a.active{color:var(--indigo);background:#eef0ff}
.mm-actions{display:grid;gap:10px;margin-top:auto;padding-top:18px}
.mm-actions .btn{justify-content:center}
.control>svg{width:16px;height:16px;flex:none;color:#8a8fa8}
.control.control-textarea{height:auto;min-height:110px;padding:12px 14px;align-items:flex-start}
.control>textarea{width:100%;min-width:0;min-height:84px;border:0;outline:0;resize:vertical;background:transparent;font:600 13px/1.5 'Inter',sans-serif;color:var(--ink);padding:0}
#image-upload-form input[type="file"],.file-input{display:none!important}
#toast:not(.show),#toast[aria-hidden="true"]{display:none!important}
#loading-overlay.hidden{display:none!important}
#upload-button-info{display:none!important}

/* Existing upload behavior fitted into the supplied upload-card structure. */
#dropzone-main-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center}
#dropzone-main-prompt .dz-icon{display:none}
#dropzone-main-prompt::before{content:"";display:block;width:92px;height:88px;background:no-repeat center/92px 88px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 88' fill='none'%3E%3Cpath d='M28 60h-3a17 17 0 1 1 4.4-33.5 24 24 0 0 1 46.2 6A15 15 0 0 1 70 60h-4' stroke='%234a3fe8' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M46 80V42' stroke='%23f59e0b' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M34 52l12-12 12 12' stroke='%23f59e0b' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#dropzone-heading{font-size:0}
#dropzone-heading::after{content:"Resimlerini buraya sürükleyin";font-size:clamp(16px,3vw,22px)}
.camera-btn{display:none!important}
.remote-panel{display:flex;padding:var(--pad-card);border-top:1px solid #e5e8f4;gap:12px;flex-direction:column}
.remote-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.remote-panel-head>div{display:flex;align-items:center;gap:8px}
.remote-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.remote-url-input{width:100%}
.mode-switcher-link{font-size:12px;font-weight:700;color:var(--indigo)}
#upload-dropzone.has-files{height:92px;min-height:92px;padding:16px;display:flex;align-items:center;justify-content:center}
#dropzone-extra-prompt{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ink);font-size:14px;text-align:center}
#dropzone-extra-prompt .dz-icon-small{display:inline-flex;color:var(--indigo);font-size:13px}
.file-stats{margin:12px var(--pad-card) 0;display:flex;justify-content:flex-end;color:var(--muted);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.upload-preview-container{margin:12px var(--pad-card) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.upload-preview-container.hidden{display:none}
.preview-card{position:relative;min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:10px 48px 10px 10px;background:#fbfbfe;border:1px solid #e7e9f5;border-radius:12px;transition:border-color .15s,box-shadow .15s}
.preview-card:hover{border-color:#cec8f3;box-shadow:0 8px 20px rgba(35,38,90,.08)}
.preview-image{display:block;width:72px;height:72px;border-radius:9px;object-fit:cover;background:#eef0fa}
.preview-overlay{min-width:0;display:flex;flex-direction:column;gap:7px}
.preview-filename-container{min-width:0;display:flex;align-items:center;gap:7px;color:var(--ink)}
.preview-filename-container i{flex:none;color:var(--indigo)}
.preview-filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.preview-filesize{color:var(--muted);font-size:11.5px;font-weight:600}
.preview-remove-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #e3e6f3;border-radius:9px;background:#fff;color:#697087;font-size:20px;line-height:1;transition:border-color .15s,background-color .15s,color .15s}
.preview-remove-btn:hover{border-color:#ffc5d5;background:#fff3f6;color:#d92355}
.preview-remove-btn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
@media(max-width:480px){#upload-dropzone.has-files{height:82px;min-height:82px}.file-stats{justify-content:flex-start}.preview-card{grid-template-columns:56px minmax(0,1fr);padding-right:46px}.preview-image{width:56px;height:56px}.preview-filename{font-size:12px}}
@media(max-width:640px){#dropzone-main-prompt::before{width:72px;height:68px;background-size:72px 68px}.remote-options{grid-template-columns:1fr}}
@media(max-width:820px){.nav{display:none!important}.header-actions .btn-ghost{display:none!important}.hamburger{display:inline-flex}.header-inner{gap:10px}.header-actions{margin-left:auto}}
