html.kiracti-wall-lock,
html.kiracti-wall-lock body {
    overflow: hidden !important;
}

.kiracti-wall-open {
    width: 100%;
    margin-top: 12px !important;
    background: transparent !important;
    color: #4f5848 !important;
    border: 1px solid #4f5848 !important;
}

.kiracti-wall-open:hover {
    background: #4f5848 !important;
    color: #fff !important;
}

.kiracti-wall-modal[hidden] {
    display: none !important;
}

.kiracti-wall-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    place-items: center;
    padding: 24px;
}

.kiracti-wall-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 18, 17, .76);
    backdrop-filter: blur(5px);
}

.kiracti-wall-dialog {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(980px, calc(100vw - 48px));
    height: min(650px, calc(100vh - 48px));
    max-height: 650px;
    overflow: hidden;
    background: #f5f2eb;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .35);
}

.kiracti-wall-close {
    position: absolute;
    top: 9px;
    right: 12px;
    z-index: 3;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1e2522;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.kiracti-wall-header {
    padding: 20px 60px 17px 26px;
    border-bottom: 1px solid rgba(79, 88, 72, .18);
}

.kiracti-wall-kicker {
    display: block;
    margin-bottom: 4px;
    color: #7a684d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.kiracti-wall-header h2 {
    margin: 0 0 4px;
    color: #28322d;
    font-size: clamp(23px, 2.5vw, 32px);
    line-height: 1.15;
}

.kiracti-wall-header p {
    margin: 0;
    color: #626a66;
    font-size: 14px;
    line-height: 1.4;
}

.kiracti-wall-layout {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.kiracti-wall-controls {
    min-height: 0;
    padding: 20px;
    overflow-y: auto;
    scrollbar-width: thin;
    background: #e8e4db;
    border-right: 1px solid rgba(79, 88, 72, .15);
}

.kiracti-wall-upload {
    display: block;
    margin-bottom: 18px;
    padding: 14px 12px;
    border: 1px dashed #68756e;
    background: rgba(255,255,255,.42);
    color: #34423b;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.kiracti-wall-upload input {
    display: block;
    width: 100%;
    margin-top: 9px;
    font-size: 11px;
}

.kiracti-wall-control-group {
    margin-bottom: 15px;
}

.kiracti-wall-control-group label {
    display: block;
    margin-bottom: 5px;
    color: #34423b;
    font-size: 12px;
    font-weight: 700;
}

.kiracti-wall-control-group input[type="range"] {
    width: 100%;
    margin: 0;
    accent-color: #4f5848;
}

.kiracti-wall-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 18px;
}

.kiracti-wall-actions .button {
    width: 100%;
    min-height: 38px;
    margin: 0;
    font-size: 12px;
}

.kiracti-wall-actions .primary {
    background: #4f5848 !important;
}

.kiracti-wall-privacy {
    margin: 12px 0 0;
    color: #6d746f;
    font-size: 10px;
    line-height: 1.4;
}

.kiracti-wall-stage-wrap {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 0;
    padding: 18px;
    overflow: hidden;
    background:
        linear-gradient(45deg, rgba(79,88,72,.035) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(79,88,72,.035) 25%, transparent 25%),
        #d9d5cc;
    background-size: 28px 28px;
}

.kiracti-wall-empty {
    max-width: 370px;
    padding: 24px;
    color: #5b625e;
    text-align: center;
}

.kiracti-wall-empty strong,
.kiracti-wall-empty span {
    display: block;
}

.kiracti-wall-empty strong {
    margin-bottom: 6px;
    color: #303b36;
    font-size: 20px;
}

.kiracti-wall-empty span {
    font-size: 14px;
    line-height: 1.45;
}

#kiracti-wall-canvas {
    display: none;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    align-self: center;
    justify-self: center;
    border: 1px solid rgba(0,0,0,.12);
    background: #fff;
    box-shadow: 0 12px 34px rgba(0,0,0,.18);
    touch-action: none;
    cursor: grab;
}

#kiracti-wall-canvas.is-ready {
    display: block;
}

#kiracti-wall-canvas.is-dragging {
    cursor: grabbing;
}

@media (min-width: 761px) and (max-height: 720px) {
    .kiracti-wall-dialog {
        height: calc(100vh - 28px);
        max-height: none;
    }

    .kiracti-wall-modal {
        padding: 14px;
    }

    .kiracti-wall-header {
        padding-top: 14px;
        padding-bottom: 12px;
    }

    .kiracti-wall-upload {
        margin-bottom: 12px;
        padding: 10px;
    }

    .kiracti-wall-control-group {
        margin-bottom: 10px;
    }

    .kiracti-wall-actions {
        margin-top: 12px;
    }
}

@media (max-width: 760px) {
    .kiracti-wall-modal {
        padding: 0;
    }

    .kiracti-wall-dialog {
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
    }

    .kiracti-wall-header {
        padding: 18px 52px 14px 18px;
    }

    .kiracti-wall-layout {
        display: block;
        overflow: visible;
    }

    .kiracti-wall-controls {
        overflow: visible;
        border-right: 0;
        border-bottom: 1px solid rgba(79, 88, 72, .15);
        padding: 18px;
    }

    .kiracti-wall-actions {
        grid-template-columns: 1fr 1fr;
    }

    .kiracti-wall-stage-wrap {
        min-height: 390px;
        padding: 14px;
    }

    #kiracti-wall-canvas {
        max-width: none;
        max-height: none;
    }
}


/* v1.0.8 — DUVAR GÖRSELİNİ HER EKRANDA TAM SIĞDIRMA */
.kiracti-wall-modal{
    padding:14px;
    height:100dvh;
    max-height:100dvh;
    box-sizing:border-box;
}

.kiracti-wall-dialog{
    width:min(980px, calc(100vw - 28px));
    height:min(680px, calc(100dvh - 28px));
    max-height:calc(100dvh - 28px);
    min-height:0;
}

.kiracti-wall-layout{
    height:100%;
    min-height:0;
    overflow:hidden;
}

.kiracti-wall-stage-wrap{
    position:relative;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden !important;
    box-sizing:border-box;
}

#kiracti-wall-canvas,
#kiracti-wall-canvas.is-ready{
    box-sizing:border-box;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain;
    margin:auto;
    transform:none !important;
}

@media (min-width:761px){
    .kiracti-wall-controls{
        max-height:100%;
        overflow-y:auto;
    }
}

@media (max-width:760px){
    .kiracti-wall-modal{
        padding:0;
        height:100dvh;
        max-height:100dvh;
    }

    .kiracti-wall-dialog{
        width:100%;
        height:100dvh;
        max-height:100dvh;
    }

    .kiracti-wall-layout{
        height:auto;
        min-height:0;
        overflow:visible;
    }

    .kiracti-wall-stage-wrap{
        height:min(62dvh, 560px);
        min-height:300px;
        overflow:hidden !important;
    }

    #kiracti-wall-canvas,
    #kiracti-wall-canvas.is-ready{
        max-width:100% !important;
        max-height:100% !important;
    }
}