:root{

            --bg:#05060a;

            --text:#ffffff;

            --muted:rgba(255,255,255,.78);

            --line:rgba(255,255,255,.20);

            --safe-top:env(safe-area-inset-top);

            --safe-right:env(safe-area-inset-right);

            --safe-bottom:env(safe-area-inset-bottom);

            --safe-left:env(safe-area-inset-left);

        }

        *{box-sizing:border-box}

        html,body{width:100%;min-height:100%;margin:0;background:#f3f4f6;color:var(--text);font-family:Arial,Helvetica,sans-serif;}

        body{

            overflow-y:auto;

            overflow-x:hidden;

            overscroll-behavior-y:contain;

            background:#f3f4f6;

        }

        form{width:100%;min-height:100%;margin:0}

        button,a,input,textarea{font-family:Arial,Helvetica,sans-serif}



        /* iPhone / iPad Safari: input odaklanınca otomatik sayfa büyütmesini engelle */

        @media (max-width: 900px) {

            input,

            textarea,

            select {

                font-size:16px !important;

            }

        }

        .kp-shell{width:100%;min-height:100dvh;padding:calc(76px + var(--safe-top)) 0 calc(34px + var(--safe-bottom));}

        .kp-feed{width:min(100%,760px);margin:0 auto;padding:0 12px;display:flex;flex-direction:column;gap:18px;}

        .kp-fixed-future{display:none;}



        .kp-topbar{position:fixed;top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));z-index:100;display:flex;align-items:center;gap:8px;pointer-events:none;}

        .kp-search{pointer-events:auto;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;min-height:48px;padding:5px 6px 5px 12px;border-radius:5px;border:1px solid var(--line);background:rgba(0,0,0,.44);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(0,0,0,.25);}

        .kp-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-weight:800;font-size:15px;height:36px;}

        .kp-search input::placeholder{color:rgba(255,255,255,.66)}

        .kp-search button{width:36px;height:36px;border:0;border-radius:5px;background:rgba(255,255,255,.12);color:#fff;font-size:17px;font-weight:900;cursor:pointer;}

        .kp-top-actions{pointer-events:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto;}

        .kp-user-pill,.kp-login-pill{min-height:48px;max-width:180px;padding:0 14px;border-radius:5px;border:1px solid var(--line);background:rgba(0,0,0,.44);backdrop-filter:blur(18px);color:#fff;text-decoration:none;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 12px 35px rgba(0,0,0,.25);}

        .kp-login-pill{display:none;background:rgba(37,99,235,.72)}

        body.kp-guest .kp-user-pill{display:none}

        body.kp-guest .kp-login-pill{display:flex}

        body.kp-guest .kp-add-wrap{display:none}

        .kp-add-wrap{position:relative;pointer-events:auto;flex:0 0 auto;}

        .kp-add-btn{width:48px;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(0,0,0,.44);color:#fff;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(0,0,0,.28);}

        .kp-add-menu{position:absolute;right:0;top:58px;min-width:260px;padding:10px;border-radius:5px;border:1px solid rgba(255,255,255,.16);background:rgba(7,10,18,.94);backdrop-filter:blur(20px);box-shadow:0 22px 70px rgba(0,0,0,.38);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.18s ease;}

        .kp-add-wrap.open .kp-add-menu{transform:translateY(0);opacity:1;pointer-events:auto;}

        .kp-add-menu button{width:100%;min-height:44px;border:0;border-radius:5px;background:transparent;color:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;font-weight:500;font-size:16px;cursor:pointer;text-decoration:none;}

        .kp-add-menu button:hover{background:rgba(255,255,255,.10)}

        .kp-add-menu-new{display:flex;flex-direction:column;gap:10px;padding:4px 2px 2px;}

        .kp-add-menu-primary{justify-content:center!important;min-height:56px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06))!important;box-shadow:0 10px 22px rgba(0,0,0,.18);}

        .kp-add-menu-new-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;justify-items:stretch;}

        .kp-add-menu-new-grid button{width:100%;min-height:82px!important;padding:14px 10px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);}

        .kp-add-menu-primary .kp-add-ico,.kp-add-menu-new-grid .kp-add-ico{display:block;font-size:24px;line-height:1;}

        .kp-add-menu-primary .kp-add-label{font-size:18px;font-weight:800;letter-spacing:.2px;}

        .kp-add-menu-new-grid .kp-add-label{font-size:16px;font-weight:700;line-height:1.15;}

        .kp-add-menu-new-grid button:hover,.kp-add-menu-primary:hover{background:rgba(255,255,255,.12)!important;transform:translateY(-1px);}





        .kp-post{position:relative;width:100%;min-height:calc(100dvh - 102px);border-radius:5px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 80px rgba(0,0,0,.40);scroll-margin-top:82px;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:auto 900px;}



        /* Akış yazıları: kullanıcı adı hariç tüm metinler normal ağırlıkta. */

        .kp-feed .kp-post,

        .kp-feed .kp-post *{

            font-weight:400!important;

        }

        .kp-feed .kp-post .kp-person{

            font-weight:900!important;

        }

        .kp-media-area{position:absolute;inset:0;background:#05060a;overflow:hidden;}

        .kp-blur-bg{position:absolute;inset:-38px;background-position:center;background-size:cover;filter:blur(28px);transform:scale(1.12);opacity:.45;}

        .kp-dark{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.10) 42%,rgba(0,0,0,.78));}

        .kp-slider{position:absolute;inset:0;overflow:hidden;}

        .kp-track{height:100%;display:flex;transition:transform .28s ease;will-change:transform;}

        .kp-slide{width:100%;height:100%;flex:0 0 100%;display:flex;align-items:center;justify-content:center;position:relative;touch-action:pan-y;}

        .kp-media{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;display:block;user-select:none;-webkit-user-drag:none;}

        .kp-slide[data-target]:not([data-target='']){cursor:pointer;}

        .kp-post[data-source-url]:not([data-source-url='']){cursor:pointer;}

        .kp-source-media{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}

        .kp-video{width:100%;height:100%;object-fit:contain;background:#000;display:block;}



        .kp-post.kp-post-music .kp-slide{align-items:center;justify-content:center;}

        .kp-post.kp-post-music .kp-slide::before{content:'';position:absolute;z-index:0;width:clamp(220px,56%,520px);aspect-ratio:1/1;border-radius:50%;background:

            radial-gradient(circle at center, rgba(255,255,255,.18) 0 2.6%, rgba(255,255,255,.04) 2.7% 3.1%, transparent 3.2% 8.5%, rgba(255,255,255,.05) 8.6% 9.1%, transparent 9.2% 20%, rgba(255,255,255,.04) 20.1% 20.6%, transparent 20.7% 31%, rgba(255,255,255,.035) 31.1% 31.6%, transparent 31.7% 42%, rgba(255,255,255,.03) 42.1% 42.6%, transparent 42.7% 100%),

            radial-gradient(circle at 32% 28%, rgba(255,255,255,.16), transparent 18%),

            radial-gradient(circle at center, #1b1e24 0 10%, #07090d 10.2% 72%, #0c0f14 72.2% 84%, #020305 84.2% 100%);

            box-shadow:0 26px 80px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.08);}

        .kp-post.kp-post-music .kp-slide::after{content:'';position:absolute;z-index:2;width:clamp(10px,2.2%,18px);aspect-ratio:1/1;border-radius:50%;background:linear-gradient(180deg,#f3f4f6,#9ca3af);box-shadow:0 0 0 3px rgba(0,0,0,.35);}

        .kp-post.kp-post-music .kp-media,

        .kp-post.kp-post-music .kp-source-media{position:relative;z-index:1;width:clamp(110px,28%,240px)!important;height:clamp(110px,28%,240px)!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1;border-radius:50%;object-fit:cover!important;object-position:center!important;border:8px solid rgba(255,255,255,.10);box-shadow:0 12px 34px rgba(0,0,0,.42);background:#111;}



        .kp-link-card{width:min(86%,440px);min-height:360px;border-radius:5px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(18px);padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 18px 55px rgba(0,0,0,.32);}

        .kp-link-icon{width:84px;height:84px;border-radius:5px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:40px;border:1px solid rgba(255,255,255,.22)}

        .kp-link-title{font-size:26px;font-weight:950;line-height:1.1;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.5)}

        .kp-link-desc{color:rgba(255,255,255,.78);line-height:1.45;margin:0}

        .kp-og-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}

        .kp-og-btn{height:42px;padding:0 14px;border:0;border-radius:5px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}

        .kp-og-btn:disabled{opacity:.55;cursor:default}

        .kp-og-preview{display:none;margin-top:10px;border:1px solid rgba(255,255,255,.16);border-radius:5px;overflow:hidden;background:rgba(255,255,255,.07)}

        .kp-og-preview.open{display:grid;grid-template-columns:120px minmax(0,1fr)}

        .kp-og-preview img{width:120px;height:110px;object-fit:cover;background:#111}

        .kp-og-info{padding:11px;min-width:0}.kp-og-site{font-size:11px;color:#93c5fd;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

        .kp-og-title{font-size:14px;font-weight:950;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-og-description{font-size:12px;color:rgba(255,255,255,.70);margin-top:5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}



        /* Facebook resmi embed önizlemesi */

        .kp-og-preview.kp-og-facebook{

            display:block;

            padding:0;

            background:#fff;

            overflow:hidden;

        }

        .kp-og-preview.kp-og-facebook > img,

        .kp-og-preview.kp-og-facebook > .kp-og-info{

            display:none !important;

        }

        .kp-facebook-embed-wrap{

            width:100%;

            min-height:620px;

            background:#fff;

            display:block;

            overflow:hidden;

        }

        .kp-facebook-embed{

            display:block;

            width:100%;

            max-width:none;

            height:700px;

            border:0;

            background:#fff;

        }

        .kp-facebook-embed.kp-facebook-vertical{height:980px}



        /* Akıştaki Facebook link paylaşımları önizleme ile aynı resmi embed'i kullanır. */

        .kp-facebook-feed-embed-wrap{

            width:100%;

            height:100%;

            min-height:680px;

            display:flex;

            align-items:center;

            justify-content:center;

            background:#fff;

            overflow:hidden;

        }

        .kp-facebook-feed-embed{

            width:100%;

            max-width:none;

            height:760px;

            border:0;

            display:block;

            background:#fff;

        }

        .kp-facebook-feed-embed-wrap.kp-facebook-feed-vertical{min-height:940px}

        .kp-facebook-feed-embed.kp-facebook-feed-vertical{height:1020px}

        .kp-post.kp-post-facebook-vertical{min-height:1080px}

        @media (max-width:600px){

            .kp-facebook-embed-wrap{min-height:560px}

            .kp-facebook-embed{height:640px}

            .kp-facebook-embed.kp-facebook-vertical{height:870px}

            .kp-facebook-feed-embed-wrap{min-height:600px}

            .kp-facebook-feed-embed{height:680px}

            .kp-facebook-feed-embed-wrap.kp-facebook-feed-vertical{min-height:820px}

            .kp-facebook-feed-embed.kp-facebook-feed-vertical{height:900px}

            .kp-post.kp-post-facebook-vertical{min-height:980px}

        }



        .kp-post-top{position:absolute;top:0;left:0;right:0;z-index:7;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:15px;pointer-events:none;padding:14px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,rgba(5,8,16,.72) 0%,rgba(5,8,16,.34) 58%,rgba(5,8,16,0) 100%);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}

        .kp-post-top-left,.kp-post-top-right{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;min-width:max-content;flex:0 0 auto;}

        .kp-badge,.kp-person,.kp-delete-post{pointer-events:auto;min-height:51px;padding:0 18px;border-radius:5px;border:1px solid var(--line);background:rgba(0,0,0,.36);backdrop-filter:blur(14px);font-size:18px;font-weight:900;display:inline-flex;align-items:center;color:#fff;text-decoration:none;white-space:nowrap;}

        .kp-person{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

        .kp-delete-post{background:rgba(220,38,38,.72);cursor:pointer;border-color:rgba(255,255,255,.25)}

        .kp-delete-post:hover{background:rgba(220,38,38,.92)}



        .kp-post-top::-webkit-scrollbar{display:none;}



        .kp-caption{

            position:absolute;

            left:0;

            right:0;

            bottom:0;

            z-index:7;

            pointer-events:auto;

            padding:150px 110px 30px 24px;

            background:

                linear-gradient(

                    to bottom,

                    rgba(0,0,0,0) 0%,

                    rgba(0,0,0,.18) 28%,

                    rgba(0,0,0,.58) 67%,

                    rgba(0,0,0,.88) 100%

                );

            box-sizing:border-box;

        }

        .kp-caption h2{

            margin:0 0 7px;

            color:#fff;

            font-size:clamp(22px,4.5vw,38px);

            line-height:1.06;

            font-weight:950;

            text-shadow:

                0 3px 5px rgba(0,0,0,.98),

                0 0 16px rgba(0,0,0,.90);

        }.kp-caption h2.kp-date-title{font-size:clamp(14px,2.5vw,20px);line-height:1.15;font-weight:850;color:rgba(255,255,255,.86);letter-spacing:.2px;margin-bottom:4px;}

        .kp-caption p{

            margin:0;

            color:rgba(255,255,255,.96);

            font-size:clamp(14px,3vw,17px);

            line-height:1.38;

            font-weight:650;

            text-shadow:

                0 2px 4px rgba(0,0,0,.98),

                0 0 10px rgba(0,0,0,.82);

            display:-webkit-box;

            -webkit-line-clamp:3;

            -webkit-box-orient:vertical;

            overflow:hidden;

        }

        .kp-caption a{color:#93c5fd;text-decoration:none;font-weight:900}

        .kp-post.kp-has-video .kp-caption{bottom:58px;padding-bottom:24px;}

        .kp-post.kp-has-video .kp-dock{bottom:58px;}

        .kp-post.kp-has-video .kp-caption h2.kp-date-title{margin-bottom:2px;}

        .kp-music-mini{margin-top:10px;max-width:420px;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);padding:8px;backdrop-filter:blur(12px)}

        .kp-music-mini audio{width:100%;height:34px;display:block}

        .kp-music-title{font-size:12px;font-weight:900;color:rgba(255,255,255,.84);margin-bottom:4px}

        .kp-media-count{position:absolute;top:50%;right:14px;z-index:8;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;}

        .kp-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.36)}

        .kp-dot.active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}

        .kp-arrow{position:absolute;top:50%;z-index:8;transform:translateY(-50%);width:46px;height:46px;border-radius:5px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.28);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);}

        .kp-prev{left:12px}.kp-next{right:12px}.kp-arrow[disabled]{display:none}



        .kp-dock{position:absolute;right:18px;bottom:22px;z-index:20;width:56px;height:56px;}

        .kp-dock button{border:0;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;}

        .kp-main-btn,.kp-action{position:absolute;right:0;top:0;width:54px;height:54px;border-radius:5px;background:rgba(0,0,0,.40);color:#fff;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center;transition:transform .24s ease,opacity .2s ease,background .2s ease;}

        .kp-main-btn{z-index:10;font-size:26px;line-height:1}

        .kp-action{opacity:0;transform:translate(0,0) scale(.72);pointer-events:none;flex-direction:column;gap:1px;}

        .kp-action .ico{font-size:21px;line-height:1;font-weight:700}.kp-action .txt{font-size:9px;line-height:1;opacity:.86;margin-top:3px}.kp-like-count{font-size:9px;line-height:1;margin-top:2px;font-weight:900;color:#fff}

        .kp-dock.open .kp-main-btn{background:rgba(255,255,255,.18)}.kp-dock.open .kp-action{opacity:1;pointer-events:auto}.kp-dock.open .a-like{transform:translateX(-68px) scale(1)}.kp-dock.open .a-comment{transform:translateX(-136px) scale(1)}.kp-dock.open .a-share{transform:translateX(-204px) scale(1)}.kp-dock.open .a-copy{transform:translateX(-272px) scale(1)}.kp-dock.open .a-edit{transform:translateX(-340px) scale(1)}.kp-dock.open .a-options{transform:translateX(-408px) scale(1)}.kp-dock.open .a-stats{transform:translateX(-476px) scale(1)}.kp-dock.open .a-info{transform:translateY(-68px) scale(1)}.kp-dock.open .a-full{transform:translateY(-136px) scale(1)}.kp-dock.open .a-sound{transform:translateY(-204px) scale(1)}.kp-dock.open .a-burst{transform:translateY(-272px) scale(1)}.kp-dock.open .a-likes{transform:translateY(-340px) scale(1)}.kp-action.liked{background:rgba(255,48,92,.86)}

        .kp-comment-panel{position:absolute;right:0;bottom:66px;z-index:40;width:min(620px,calc(100vw - 20px));height:min(760px,calc(100vh - 48px));max-height:none;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:rgba(8,12,22,.95);backdrop-filter:blur(20px);box-shadow:0 22px 70px rgba(0,0,0,.50);padding:12px;opacity:0;transform:translateY(22px) scale(.94);filter:blur(4px);pointer-events:none;transition:opacity .24s ease,transform .30s cubic-bezier(.22,1,.36,1),filter .24s ease;overflow:hidden;display:flex;flex-direction:column;}

        .kp-dock.comments-open .kp-comment-panel{opacity:1;transform:translateY(0) scale(1);filter:blur(0);pointer-events:auto;}

        .kp-comment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}

        .kp-comment-title{font-size:14px;font-weight:950;color:#fff;}

        .kp-comment-close{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:5px;width:32px;height:32px;cursor:pointer;font-weight:900;}

        .kp-comment-list{height:460px;max-height:none;min-height:0;flex:1 1 auto;overflow:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch;}

        .kp-comment-empty{color:rgba(255,255,255,.68);font-size:13px;text-align:center;padding:18px 8px;}

        .kp-comment-item{border-radius:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);padding:9px 10px;}

        .kp-comment-user{font-size:12px;font-weight:950;color:#93c5fd;margin-bottom:4px;}

        .kp-comment-text{font-size:13px;line-height:1.35;color:rgba(255,255,255,.92);word-break:break-word;white-space:pre-wrap;}

        .kp-comment-date{font-size:10px;color:rgba(255,255,255,.52);margin-top:5px;}

        .kp-comment-form{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:7px;margin-top:10px;width:100%;}

        .kp-comment-input{width:100%;min-width:0;height:42px;min-height:42px;max-height:42px;resize:none;overflow-y:auto;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:5px;padding:10px 11px;outline:0;font-size:16px;line-height:20px;box-sizing:border-box;-webkit-text-size-adjust:100%;touch-action:manipulation;}

        .kp-comment-input:focus{height:42px;min-height:42px;max-height:42px;font-size:16px;outline:0;}

        .kp-comment-input::placeholder{color:rgba(255,255,255,.54);}

        .kp-comment-send{width:44px;min-width:44px;max-width:44px;height:42px;min-height:42px;border:0;border-radius:5px;background:#2563eb;color:#fff;font-weight:950;cursor:pointer;box-sizing:border-box;padding:0;}

        .kp-comment-send:disabled{opacity:.55;cursor:default;}



        /* Yorum gelişmiş işlemleri: cevap + like/dislike + ek */

        .kp-comment-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}

        .kp-comment-reply,.kp-comment-react,.kp-comment-plus{border:0;background:transparent;color:#93c5fd;font-size:11px;font-weight:900;cursor:pointer;padding:2px 0}

        .kp-comment-react{color:rgba(255,255,255,.78)}

        .kp-comment-react.active{color:#60a5fa}

        .kp-comment-react[data-reaction="-1"].active{color:#fb7185}

        .kp-comment-plus{width:22px;height:22px;border-radius:5px;background:rgba(255,255,255,.10);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}

        .kp-comment-extra{display:none;margin-top:8px;padding:9px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}

        .kp-comment-extra.open{display:block}

        .kp-comment-extra-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center}

        .kp-comment-file-btn{min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}

        .kp-comment-file-input{display:none}

        .kp-comment-link-input{width:100%;min-width:0;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:rgba(255,255,255,.07);color:#fff;padding:0 9px;outline:0;font-size:13px}

        .kp-comment-extra-preview{display:flex;gap:8px;align-items:flex-start;margin-top:8px;flex-wrap:wrap}

        .kp-comment-photo-preview{width:70px;height:70px;border-radius:5px;object-fit:cover;border:1px solid rgba(255,255,255,.14);background:#111}

        .kp-comment-attachment{margin-top:8px;display:flex;flex-direction:column;gap:7px}

        .kp-comment-image-link{display:block;width:max-content;max-width:100%}

        .kp-comment-image{width:92px;height:92px;object-fit:cover;border-radius:5px;border:1px solid rgba(255,255,255,.14);background:#111;display:block}

        .kp-comment-text a,.kp-comment-direct-link{color:#93c5fd;text-decoration:none;word-break:break-all}

        .kp-comment-og{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;width:100%;min-height:72px;border:1px solid rgba(255,255,255,.12);border-radius:5px;overflow:hidden;background:rgba(255,255,255,.06);text-decoration:none;color:#fff}

        .kp-comment-og-img{width:72px;height:72px;object-fit:cover;background:#111;display:block}

        .kp-comment-og-info{padding:7px 8px 7px 0;min-width:0}

        .kp-comment-og-site{font-size:9px;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

        .kp-comment-og-title{font-size:11px;font-weight:900;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

        .kp-comment-og-desc{font-size:10px;color:rgba(255,255,255,.66);margin-top:3px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

        @media(max-width:640px){.kp-comment-extra-row{grid-template-columns:1fr}.kp-comment-file-btn{width:100%}}



        .kp-comment-unread{

            position:absolute;

            top:-5px;

            right:-5px;

            min-width:19px;

            height:19px;

            padding:0 5px;

            border-radius:5px;

            background:#ef4444;

            color:#fff;

            border:2px solid rgba(0,0,0,.55);

            display:flex;

            align-items:center;

            justify-content:center;

            font-size:10px;

            font-weight:950;

            line-height:1;

            box-shadow:0 6px 16px rgba(239,68,68,.45);

            z-index:5;

        }



        .kp-float-emoji{position:absolute;z-index:60;font-size:30px;pointer-events:none;animation:emojiFly 1.15s ease-out forwards;text-shadow:0 5px 16px rgba(0,0,0,.35)}

        @keyframes emojiFly{0%{opacity:0;transform:translateY(0) scale(.45) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(var(--x),-210px) scale(1.45) rotate(var(--r))}}

        .kp-toast{position:fixed;left:50%;bottom:calc(28px + var(--safe-bottom));transform:translateX(-50%) translateY(20px);z-index:500;min-width:190px;max-width:calc(100vw - 34px);padding:12px 16px;border-radius:5px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:14px;text-align:center;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;backdrop-filter:blur(14px)}.kp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

        .kp-loader{text-align:center;color:rgba(255,255,255,.78);font-weight:800;padding:18px 0 8px;}

        .kp-empty{min-height:360px;border-radius:5px;border:1px dashed rgba(255,255,255,.26);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.78);font-weight:800;padding:22px}



        .kp-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.kp-modal.open{display:flex}.kp-modal-box{width:min(560px,100%);max-height:92dvh;overflow:auto;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:#101421;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.48);padding:18px}.kp-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.kp-modal-title{font-size:20px;font-weight:950}.kp-close{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:5px;min-height:36px;padding:0 12px;font-weight:900;cursor:pointer}.kp-field{margin:12px 0}.kp-field label{display:block;font-size:13px;font-weight:900;color:rgba(255,255,255,.78);margin-bottom:6px}.kp-input,.kp-textarea{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:5px;min-height:44px;padding:10px 12px;outline:0}.kp-textarea{min-height:110px;resize:vertical}.kp-file{display:block;width:100%;padding:14px;border:1px dashed rgba(255,255,255,.26);border-radius:5px;background:rgba(255,255,255,.06);cursor:pointer}.kp-submit{width:100%;min-height:48px;border:0;border-radius:5px;background:#2563eb;color:#fff;font-weight:950;cursor:pointer;font-size:15px}.kp-submit:disabled{opacity:.6;cursor:default}.kp-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.kp-preview-item{width:70px;height:70px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:22px}.kp-preview-item img,.kp-preview-item video{width:100%;height:100%;object-fit:cover}.kp-hint{font-size:12px;color:rgba(255,255,255,.68);line-height:1.35;margin-top:5px}

        @media(max-width:640px){

            body::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(128px + var(--safe-top));z-index:90;background:linear-gradient(180deg,rgba(243,244,246,.98),rgba(243,244,246,.88) 64%,rgba(243,244,246,0));backdrop-filter:blur(10px);pointer-events:none;}

            .kp-shell{padding-top:calc(136px + var(--safe-top));}

            .kp-topbar{top:calc(8px + var(--safe-top));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));display:grid;grid-template-columns:1fr auto;grid-template-areas:"future actions" "search search";gap:8px;align-items:center;}

            .kp-topbar::before{content:"";grid-area:future;min-height:46px;border-radius:5px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);}

            .kp-search{grid-area:search;width:100%;flex-basis:auto;order:initial;min-height:46px;border-radius:5px;}

            .kp-search input{font-size:14px;}

            .kp-top-actions{grid-area:actions;order:initial;margin-left:0;justify-content:flex-end;}

            .kp-user-pill,.kp-login-pill{max-width:calc(100vw - 92px);min-height:46px;border-radius:5px;}

            .kp-add-btn{width:46px;height:46px;border-radius:5px;}

            .kp-add-menu{right:0;top:54px;border-radius:5px;}

            .kp-feed{width:100%;padding:0;gap:7px;}

            .kp-post{width:100%;min-height:calc(100dvh - 150px);border-radius:0;border-left:0;border-right:0;margin:0;}



            /* TELEFON / RESPONSIVE: Akış alanındaki kart ve panel köşeleri düz.

               Üst menü ve butonların kendi radius değerlerine dokunulmaz. */

            .kp-feed .kp-post,

            .kp-feed .kp-post-top,

            .kp-feed .kp-caption,

            .kp-feed .kp-link-card,

            .kp-feed .kp-link-icon,

            .kp-feed .kp-og-preview,

            .kp-feed .kp-music-mini,

            .kp-feed .kp-comment-panel,

            .kp-feed .kp-comment-item,

            .kp-feed .kp-comment-input,

            .kp-feed .kp-social-panel,

            .kp-feed .kp-stat-box,

            .kp-feed .kp-like-row,

            .kp-feed .kp-reply-row,

            .kp-feed .kp-options-row,

            .kp-feed .kp-empty{

                border-radius:5px!important;

            }

            .kp-media-area{left:0;right:0;}

            .kp-slider,.kp-track,.kp-slide{width:100%;height:100%;}

            .kp-track{align-items:stretch;}

            .kp-slide{align-items:stretch;justify-content:stretch;}

            .kp-video{width:100%;height:100%;object-fit:cover;background:#05060a;display:block;}

            .kp-media{width:100%;height:100%;object-fit:cover;max-width:none;max-height:none;}

            .kp-post.kp-post-music .kp-slide::before{width:min(72vw,360px);}

            .kp-post.kp-post-music .kp-media,

            .kp-post.kp-post-music .kp-source-media{width:min(36vw,168px)!important;height:min(36vw,168px)!important;}



            /* Dikey resim/video: kart ve tüm kaplama alanı gerçek medya oranına göre uzar. */

            .kp-post.kp-portrait-media{

                min-height:0!important;

                height:var(--kp-portrait-height)!important;

            }

            .kp-post.kp-portrait-media .kp-media-area,

            .kp-post.kp-portrait-media .kp-slider,

            .kp-post.kp-portrait-media .kp-track,

            .kp-post.kp-portrait-media .kp-slide{

                height:100%!important;

            }

            .kp-post.kp-portrait-media .kp-media,

            .kp-post.kp-portrait-media .kp-video{

                width:100%!important;

                height:100%!important;

                object-fit:contain!important;

            }

            .kp-post.kp-portrait-media .kp-caption{

                left:0!important;

                right:0!important;

                bottom:0!important;

                border-radius:5px!important;

            }



            .kp-feed{width:100%;padding:0;gap:7px;}

            .kp-shell{padding-top:calc(154px + var(--safe-top));}

            

            .kp-post-top{padding:12px;border-radius:5px 5px 0 0;}

            .kp-caption{left:0;right:0;bottom:0;padding:120px 88px 24px 16px;border-radius:5px;}

            .kp-caption h2.kp-date-title{font-size:15px;line-height:1.15;margin-bottom:3px;color:rgba(255,255,255,.86);}

            .kp-post.kp-has-video .kp-caption{bottom:0;padding-bottom:92px;}

            .kp-post.kp-has-video .kp-dock{bottom:18px;}

            .kp-dock{right:12px;bottom:18px;}

            .kp-main-btn,.kp-action{width:52px;height:52px;border-radius:5px;}

            .kp-dock.open .a-like{transform:translateX(-62px) scale(1);}

            .kp-dock.open .a-comment{transform:translateX(-124px) scale(1);}

            .kp-dock.open .a-share{transform:translateX(-186px) scale(1);}

            .kp-dock.open .a-copy{transform:translateX(-248px) scale(1);}

            .kp-dock.open .a-info{transform:translateY(-62px) scale(1);}

            .kp-dock.open .a-full{transform:translateY(-124px) scale(1);}

            .kp-dock.open .a-sound{transform:translateY(-186px) scale(1);}

            .kp-dock.open .a-edit{transform:translateX(-310px) scale(1);}.kp-dock.open .a-options{transform:translateX(-372px) scale(1);}.kp-dock.open .a-stats{transform:translateX(-434px) scale(1);}.kp-dock.open .a-burst{transform:translateY(-248px) scale(1);}.kp-dock.open .a-likes{transform:translateY(-310px) scale(1);}

            .kp-comment-panel{right:0;bottom:62px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:360px;padding:10px;border-radius:5px;}

            .kp-comment-list{max-height:190px;}

            .kp-comment-form{grid-template-columns:minmax(0,1fr) 42px;gap:6px;}

            .kp-comment-input{height:42px;min-height:42px;max-height:42px;font-size:16px;line-height:20px;border-radius:5px;}

            .kp-comment-send{width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;border-radius:5px;}

            .kp-arrow{width:40px;height:40px;font-size:23px;border-radius:5px;}

            .kp-prev{left:7px;}.kp-next{right:7px;}

            .kp-person{max-width:128px;}

            .kp-music-mini{max-width:calc(100vw - 112px);border-radius:5px;}

        }



        /* Sosyal medya gelişmiş panelleri */

        .kp-stats-strip{position:static;z-index:9;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;max-width:none;pointer-events:auto}

        .kp-stat-chip{border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.34);backdrop-filter:blur(12px);color:#fff;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:900;min-height:20px;display:inline-flex;align-items:center;white-space:nowrap}

        .kp-social-panel{position:absolute;right:0;bottom:66px;z-index:45;width:min(430px,calc(100vw - 28px));max-height:520px;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:rgba(8,12,22,.97);backdrop-filter:blur(20px);box-shadow:0 22px 70px rgba(0,0,0,.55);padding:12px;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:.18s ease;overflow:auto}

        .kp-dock.stats-open .kp-stats-panel,.kp-dock.likes-open .kp-likes-panel,.kp-dock.options-open .kp-options-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}

        .kp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}

        .kp-panel-title{font-size:15px;font-weight:950}

        .kp-panel-close{width:32px;height:32px;border:1px solid rgba(255,255,255,.15)!important;border-radius:5px;background:rgba(255,255,255,.08);color:#fff}

        .kp-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

        .kp-stat-box{padding:12px;border-radius:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}

        .kp-stat-value{font-size:22px;font-weight:950}

        .kp-stat-label{font-size:11px;color:rgba(255,255,255,.65);margin-top:3px}

        .kp-like-row,.kp-reply-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px;border-radius:5px;background:rgba(255,255,255,.07);margin-bottom:7px}

        .kp-like-user{font-size:13px;font-weight:900}.kp-like-meta{font-size:11px;color:rgba(255,255,255,.62)}

        .kp-comment-item[data-level="1"]{margin-left:22px;border-left:3px solid rgba(147,197,253,.7)}

        .kp-comment-actions{display:flex;gap:8px;margin-top:6px}

        .kp-comment-reply{border:0;background:transparent;color:#93c5fd;font-size:11px;font-weight:900;cursor:pointer;padding:0}

        .kp-replying{font-size:11px;color:#93c5fd;margin:4px 0 6px}

        .kp-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:5px;background:rgba(255,255,255,.07);margin-bottom:8px}

        .kp-toggle{width:46px;height:26px;border-radius:5px;border:0;background:#475569;position:relative;cursor:pointer}

        .kp-toggle::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.18s}

        .kp-toggle.on{background:#2563eb}.kp-toggle.on::after{left:23px}

        .kp-comments-closed{padding:12px;text-align:center;color:rgba(255,255,255,.68);font-size:13px}

        @media(max-width:640px){.kp-social-panel{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:390px;border-radius:5px}}





        .kp-add-menu{width:min(360px,calc(100vw - 24px));max-height:min(76vh,620px);overflow:auto;border-radius:5px;}

        .kp-add-menu-title{padding:6px 11px 5px;color:rgba(255,255,255,.58);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.7px;}

        .kp-add-menu-sep{height:1px;background:rgba(255,255,255,.12);margin:8px 4px;}

        .kp-source-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}

        .kp-source-menu-grid button{min-height:39px!important;padding:8px 9px!important;font-size:13px!important;border-radius:5px!important;}

        .kp-source-modal-box{width:min(880px,100%);border-radius:5px;}

        .kp-source-search-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;margin-bottom:12px;}

        .kp-source-search-btn{border:0;border-radius:5px;background:#2563eb;color:#fff;font-weight:950;cursor:pointer;}

        .kp-source-count{font-size:12px;color:rgba(255,255,255,.62);margin-top:3px;}

        .kp-source-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;min-height:160px;}

        .kp-source-item{position:relative;overflow:hidden;border-radius:5px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);display:flex;flex-direction:column;min-height:260px;}

        .kp-source-thumb{height:170px;background:linear-gradient(135deg,#14213d,#0b3d56);display:flex;align-items:center;justify-content:center;overflow:hidden;}

        .kp-source-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:rgba(255,255,255,.98);}

        .kp-puzzle-source-stage{

            position:relative;

            width:100%;

            height:100%;

            overflow:hidden;

            background:#fff;

        }

        .kp-puzzle-source-board{

            --cell:120px;

            position:absolute;

            left:50%;

            top:50%;

            display:grid;

            background:#fff;

            border:.5px solid #000;

            overflow:visible;

            transform-origin:center center;

            user-select:none;

            pointer-events:none;

        }

        .kp-puzzle-cell{

            position:relative;

            width:var(--cell);

            height:var(--cell);

            background:#fff;

            color:#111827;

            border:.5px solid #000;

            display:flex;

            align-items:center;

            justify-content:center;

            font-weight:900;

            font-size:68px;

            text-transform:uppercase;

            overflow:hidden;

            user-select:none;

        }

        .kp-puzzle-cell.blank{background:#d1d5db!important}

        .kp-puzzle-cell.clue{

            background:#f1f5f9!important;

            display:flex!important;

            align-items:stretch!important;

            justify-content:stretch!important;

            font-size:15px;

            line-height:1.04;

            text-align:center;

            color:#111827;

        }

        .kp-puzzle-cell.clue,

        .kp-puzzle-cell.clue *{

            font-weight:400!important;

            text-transform:none!important;

        }

        .kp-puzzle-clue-part{

            position:absolute;

            left:0;

            right:0;

            display:flex;

            align-items:center;

            justify-content:center;

            padding:3px 5px;

            overflow:hidden;

            word-break:break-word;

        }

        .kp-puzzle-clue-top{

            top:0;

            height:59px;

            border-bottom:.5px solid #000;

        }

        .kp-puzzle-clue-bottom{bottom:0;height:60px}

        .kp-puzzle-cell.single .kp-puzzle-clue-top{

            height:120px;

            border-bottom:0;

        }

        .kp-puzzle-cell.single .kp-puzzle-clue-bottom{display:none}

        .kp-puzzle-arrow-svg{

            position:absolute;

            inset:0;

            width:100%;

            height:100%;

            pointer-events:none;

        }

        .kp-puzzle-arrow-line{

            stroke:#000;

            stroke-width:1;

            fill:none;

            stroke-linecap:square;

            stroke-linejoin:miter;

        }

        .kp-puzzle-arrow-head{fill:#000}

        .kp-puzzle-image-cell{

            background:#e5e7eb!important;

            display:flex!important;

            align-items:center!important;

            justify-content:center!important;

            z-index:4;

            width:auto!important;

            height:auto!important;

            align-self:stretch;

            justify-self:stretch;

            overflow:hidden;

        }

        .kp-puzzle-image-cell img{

            position:absolute;

            inset:0;

            width:100%!important;

            height:100%!important;

            object-fit:cover;

            display:block;

        }

        .kp-puzzle-preview-letter{

            width:100%;

            height:100%;

            background:#fff;

        }



        .kp-source-fallback{font-size:48px;opacity:.88;}

        .kp-source-meta{padding:11px;display:flex;flex-direction:column;gap:5px;flex:1;}

        .kp-source-title{font-weight:950;line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

        .kp-source-sub{font-size:12px;color:rgba(255,255,255,.64);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

        .kp-source-share-btn{margin-top:auto;width:100%;min-height:39px;border:0;border-radius:5px;background:#2563eb;color:#fff;font-weight:950;cursor:pointer;}

        .kp-source-share-btn:disabled{opacity:.55;cursor:default;}

        .kp-source-empty{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed rgba(255,255,255,.2);border-radius:5px;color:rgba(255,255,255,.7);}

        .kp-source-pager{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px;}

        .kp-source-page{min-width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:rgba(255,255,255,.07);color:#fff;font-weight:900;cursor:pointer;}

        .kp-source-page.active{background:#2563eb;border-color:#60a5fa;}

        @media(max-width:640px){.kp-add-menu{width:min(330px,calc(100vw - 20px));max-height:72vh;border-radius:5px}.kp-source-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kp-source-item{min-height:220px;border-radius:5px}.kp-source-thumb{height:132px}.kp-source-meta{padding:8px}.kp-source-title{font-size:13px}.kp-source-modal-box{padding:12px;border-radius:5px}.kp-source-search-row{grid-template-columns:minmax(0,1fr) 64px}}

        @media(max-width:640px){.kp-add-menu-new-grid button{min-height:74px!important;padding:12px 8px!important}.kp-add-menu-primary{min-height:52px!important}}



        /* Veritabanı müzik seçici */

        .kp-music-select-box{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px;border:1px dashed rgba(255,255,255,.26);border-radius:5px;background:rgba(255,255,255,.06)}

        .kp-music-select-cover{

            width:48px;height:48px;flex:0 0 48px;border-radius:5px;

            object-fit:cover;

            background:rgba(255,255,255,.20);

            filter:brightness(1.75) contrast(1.05);

            box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);

        }

        .kp-music-select-info{flex:1;min-width:0}.kp-music-select-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-music-select-sub{font-size:12px;color:rgba(255,255,255,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

        .kp-music-select-actions{display:flex;gap:7px;flex-wrap:wrap}.kp-music-btn{min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:rgba(255,255,255,.09);color:#fff;font-weight:900;cursor:pointer}.kp-music-btn.primary{background:#2563eb}.kp-music-btn.danger{background:rgba(185,28,28,.72)}

        .kp-music-modal-box{width:min(720px,100%);border-radius:5px}.kp-music-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}

        .kp-music-list{display:flex;flex-direction:column;gap:8px;max-height:60dvh;overflow:auto;padding-right:3px}

        .kp-music-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(255,255,255,.06)}

        .kp-music-row img{width:58px;height:58px;border-radius:5px;object-fit:cover;background:rgba(255,255,255,.08)}

        .kp-music-row-title{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-music-row-sub{font-size:12px;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

        .kp-music-row audio{width:100%;height:30px;margin-top:5px}.kp-music-row-select{min-height:38px;padding:0 13px;border:0;border-radius:5px;background:#16a34a;color:#fff;font-weight:900;cursor:pointer}

        .kp-source-compose-preview{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(255,255,255,.06);margin-bottom:12px}

        .kp-source-compose-preview img{width:82px;height:82px;border-radius:5px;object-fit:contain;background:rgba(255,255,255,.08)}

        .kp-source-compose-title{font-weight:950;font-size:17px}.kp-source-compose-sub{font-size:13px;color:rgba(255,255,255,.68);margin-top:4px}

        @media(max-width:560px){.kp-music-row{grid-template-columns:48px minmax(0,1fr)}.kp-music-row img{width:48px;height:48px;border-radius:5px}.kp-music-row-select{grid-column:1/-1;width:100%;border-radius:5px}.kp-source-compose-preview{grid-template-columns:64px minmax(0,1fr);border-radius:5px}.kp-source-compose-preview img{width:64px;height:64px;border-radius:5px}}

        .kp-edit-current{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;max-height:170px;overflow:auto}

        .kp-edit-current-item{width:82px;height:82px;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);position:relative}

        .kp-edit-current-item img,.kp-edit-current-item video{width:100%;height:100%;object-fit:cover}

        .kp-edit-note{font-size:12px;color:rgba(255,255,255,.66);line-height:1.35;margin-top:6px}





        /* =========================================================

           PAYLAŞ V2 - PROFESYONEL ÜST NAVİGASYON / KİŞİ MENÜSÜ

           Mevcut özellikleri kaldırmaz; yalnızca yeni görünümü ekler.

           ========================================================= */

        .kp-topbar.kp-topbar-v2{

            pointer-events:auto;

            display:grid;

            grid-template-columns:minmax(0,1fr) auto;

            align-items:center;

            gap:10px;

            width:min(calc(100vw - 24px - var(--safe-left) - var(--safe-right)), 760px);

            max-width:760px;

            left:50%;

            right:auto;

            transform:translateX(-50%);

            box-sizing:border-box;

            padding:6px 8px;

            border:1px solid rgba(15,23,42,.12);

            border-radius:5px;

            background:rgba(248,250,252,.94);

            backdrop-filter:blur(22px);

            box-shadow:0 18px 54px rgba(0,0,0,.14);

        }

        .kp-main-nav{

            min-width:0;

            display:grid;

            grid-template-columns:repeat(5,minmax(58px,1fr));

            align-items:stretch;

            gap:6px;

        }

        .kp-nav-item,

        .kp-search-toggle{

            min-width:0;

            height:48px;

            border:1px solid rgba(15,23,42,.16);

            border-radius:5px;

            background:rgba(255,255,255,.96);

            color:#111827;

            display:flex;

            align-items:center;

            justify-content:center;

            gap:8px;

            cursor:pointer;

            font-weight:500;

            padding:0 11px;

            transition:.16s ease;

            box-shadow:0 6px 18px rgba(15,23,42,.06);

        }

        .kp-nav-item:hover,

        .kp-search-toggle:hover{

            color:#0f172a;

            background:rgba(241,245,249,.98);

            border-color:rgba(15,23,42,.22);

        }

        .kp-nav-item.active{

            color:#111827;

            background:rgba(255,255,255,.96);

            border-color:rgba(15,23,42,.28);

            box-shadow:0 10px 24px rgba(15,23,42,.10);

        }

        .kp-nav-item .kp-nav-ico{font-size:21px;line-height:1}

        .kp-nav-item .kp-nav-label{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

        .kp-add-wrap.kp-nav-add-wrap{position:relative;min-width:0;pointer-events:auto}

        .kp-add-wrap.kp-nav-add-wrap .kp-add-btn{

            position:static;

            width:100%;

            height:48px;

            border-radius:5px;

            font-size:28px;

            background:rgba(255,255,255,.96);

            color:#111827;

            border-color:rgba(15,23,42,.16);

            box-shadow:0 6px 18px rgba(15,23,42,.06);

        }

        .kp-add-wrap.kp-nav-add-wrap .kp-add-menu{

            right:auto;

            left:50%;

            top:56px;

            transform:translate(-50%,-8px);

            border-radius:5px;

        }

        .kp-add-wrap.kp-nav-add-wrap.open .kp-add-menu{

            transform:translate(-50%,0);

        }

        .kp-top-tools{

            display:flex;

            align-items:center;

            justify-content:flex-end;

            gap:7px;

            min-width:0;

        }

        .kp-search-toggle{

            width:48px;

            flex:0 0 48px;

            font-size:22px;

            padding:0;

            background:rgba(255,255,255,.96);

            border-color:rgba(15,23,42,.16);

            color:#111827;

            border-radius:5px;

        }

        .kp-topbar-v2 .kp-user-pill,

        .kp-topbar-v2 .kp-login-pill{

            min-height:48px;

            height:48px;

            max-width:152px;

            cursor:pointer;

            border:1px solid rgba(15,23,42,.16);

            background:rgba(255,255,255,.96);

            color:#111827;

            box-shadow:0 6px 18px rgba(15,23,42,.06);

            border-radius:5px;

        }

        .kp-topbar-v2 .kp-user-pill{

            appearance:none;

        }

        .kp-search-panel{

            position:fixed;

            z-index:180;

            left:50%;

            top:calc(68px + var(--safe-top));

            width:min(640px,calc(100vw - 24px));

            transform:translate(-50%,-8px) scale(.98);

            opacity:0;

            pointer-events:none;

            transition:.18s ease;

        }

        .kp-search-panel.open{

            transform:translate(-50%,0) scale(1);

            opacity:1;

            pointer-events:auto;

        }

        .kp-search-panel .kp-search{

            width:100%;

            min-height:48px;

            background:rgba(8,12,22,.96);

            border-color:rgba(255,255,255,.18);

            box-shadow:0 20px 70px rgba(0,0,0,.48);

            border-radius:5px;

        }

        .kp-upload-top-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;width:100%;}

        .kp-upload-top-row .kp-visibility-select{flex:1 1 auto;min-width:0;width:auto;}

        .kp-upload-top-row .kp-upload-top-submit{flex:0 0 auto;width:auto;min-height:40px;padding:0 18px;}

        .kp-upload-top-row .kp-close{flex:0 0 auto;height:40px;min-height:40px;}

        /* Üst paylaşım satırı: metinler normal ağırlıkta */

        .kp-upload-top-row .kp-visibility-select,

        .kp-upload-top-row .kp-upload-top-submit,

        .kp-upload-top-row .kp-close{font-weight:400!important;}

        @media(max-width:640px){

            .kp-upload-top-row{gap:6px;margin-bottom:8px;}

            .kp-upload-top-row .kp-upload-top-submit,.kp-upload-top-row .kp-close{padding:0 10px;}

        }



        .kp-visibility-field{

            display:grid;

            grid-template-columns:auto minmax(150px,240px);

            align-items:center;

            justify-content:space-between;

            gap:10px;

            padding:9px 10px;

            border:1px solid rgba(255,255,255,.10);

            border-radius:5px;

            background:rgba(255,255,255,.045);

        }

        .kp-visibility-field label{margin:0!important}

        .kp-visibility-select{

            width:100%;

            height:40px;

            border-radius:5px;

            border:1px solid rgba(255,255,255,.16);

            background:#111827;

            color:#fff;

            padding:0 10px;

            outline:none;

            font-weight:850;

        }

        .kp-visibility-badge{

            min-height:34px;

            min-width:34px;

            padding:0 10px;

            border-radius:5px;

            border:1px solid rgba(255,255,255,.16);

            background:rgba(0,0,0,.36);

            color:#fff;

            display:inline-flex;

            align-items:center;

            justify-content:center;

            font-size:12px;

            font-weight:900;

            backdrop-filter:blur(12px);

        }



        /* Kişi adına tıklanınca sola ve aşağıya L biçiminde açılan menü */

        .kp-person-l-menu{

            position:fixed;

            z-index:460;

            display:none;

            width:1px;

            height:1px;

            pointer-events:none;

            --kp-person-left-offset:10px;

            --kp-person-down-offset:-10px;

        }

        .kp-person-l-menu.open{display:block}

        .kp-person-l-left,

        .kp-person-l-down{

            position:absolute;

            display:flex;

            gap:7px;

            pointer-events:auto;

        }

        .kp-person-l-left{

            right:var(--kp-person-left-offset);

            top:0;

            flex-direction:row-reverse;

            align-items:center;

        }

        .kp-person-l-down{

            right:var(--kp-person-down-offset);

            top:54px;

            flex-direction:column;

            align-items:flex-end;

        }

        .kp-person-l-btn{

            min-height:42px;

            max-width:208px;

            border:1px solid #cbd5e1;

            border-radius:5px;

            background:#f8fafc;

            color:#111827;

            padding:0 15px;

            white-space:nowrap;

            font-size:14px;

            font-weight:500;

            cursor:pointer;

            box-shadow:0 12px 28px rgba(15,23,42,.12);

        }

        .kp-person-l-btn:hover{background:#eef2f7;border-color:#94a3b8}

        .kp-person-l-btn.danger{background:#f8fafc;color:#111827;border-color:#cbd5e1}

        .kp-person-l-btn.danger:hover{background:#eef2f7;border-color:#94a3b8}

        .kp-person-l-btn.pending{opacity:.72}

        .kp-person-l-btn:disabled{opacity:.5;cursor:default}

        .kp-person-l-menu::before{

            content:none;

            display:none;

        }



        .kp-common-list{display:flex;flex-direction:column;gap:7px}

        .kp-common-row{

            display:flex;

            align-items:center;

            justify-content:space-between;

            gap:10px;

            padding:10px 11px;

            border-radius:5px;

            border:1px solid rgba(255,255,255,.10);

            background:rgba(255,255,255,.055);

        }

        .kp-common-row a{color:#93c5fd;text-decoration:none;font-weight:900}

        .kp-common-empty{padding:20px;text-align:center;color:rgba(255,255,255,.68)}

        /* Sürekli görünen yardımcı metinleri kaldır; bilgi title/tooltip olarak kalır. */

        .kp-hint{display:none!important}

        .kp-music-btn.kp-compact-plus{

            width:38px;

            min-width:38px;

            padding:0;

            border-radius:5px;

            font-size:22px;

            line-height:1;

        }



        @media(max-width:760px){

            /* Eski mobil .kp-topbar grid/pseudo-element kurallarını bu V2 menüde etkisizleştir. */

            .kp-topbar.kp-topbar-v2{

                width:calc(100vw - 8px - var(--safe-left) - var(--safe-right));

                max-width:none;

                left:50%;

                right:auto;

                top:calc(6px + var(--safe-top));

                transform:translateX(-50%);

                display:flex;

                flex-wrap:nowrap;

                align-items:center;

                justify-content:space-between;

                grid-template-columns:none;

                grid-template-areas:none;

                gap:4px;

                padding:4px;

                border-radius:5px;

                overflow:visible;

            }

            .kp-topbar.kp-topbar-v2::before{

                content:none!important;

                display:none!important;

            }

            .kp-main-nav{

                flex:1 1 auto;

                min-width:0;

                width:auto;

                display:grid;

                grid-template-columns:repeat(5,minmax(0,1fr));

                gap:3px;

            }

            .kp-nav-item,

            .kp-add-wrap.kp-nav-add-wrap .kp-add-btn{

                width:100%;

                min-width:0;

                height:44px;

                min-height:44px;

                border-radius:5px;

                padding:0;

            }

            .kp-nav-item .kp-nav-label{display:none}

            .kp-nav-item .kp-nav-ico{font-size:21px}

            .kp-add-wrap.kp-nav-add-wrap{

                min-width:0;

                width:auto;

            }

            .kp-top-tools{

                flex:0 0 auto;

                min-width:0;

                width:auto;

                display:flex;

                flex-wrap:nowrap;

                align-items:center;

                gap:3px;

            }

            .kp-search-toggle{

                width:42px;

                min-width:42px;

                height:44px;

                flex:0 0 42px;

                border-radius:5px;

                font-size:21px;

            }

            .kp-topbar-v2 .kp-user-pill,

            .kp-topbar-v2 .kp-login-pill{

                min-width:0;

                min-height:44px;

                height:44px;

                max-width:82px;

                padding:0 9px;

                font-size:13px;

                border-radius:5px;

                flex:0 0 auto;

            }

            .kp-search-panel{

                top:calc(58px + var(--safe-top));

                width:calc(100vw - 16px - var(--safe-left) - var(--safe-right));

            }

            .kp-shell{padding-top:calc(58px + var(--safe-top))!important}

            .kp-person-l-left{

                gap:6px;

                position:fixed;

                left:50vw;

                right:auto;

                top:var(--kp-person-row-top,96px);

                transform:translateX(-50%);

                justify-content:center;

                max-width:calc(100vw - 16px);

            }

            .kp-person-l-down{gap:6px}

            .kp-person-l-btn{min-height:38px;padding:0 12px;font-size:13px;font-weight:500;max-width:170px;border-radius:5px}

            .kp-visibility-field{grid-template-columns:1fr}

        }



        @media(max-width:640px){

            /* Üst menü artık tek row; eski iki satırlı mobil katmanın yüksekliğini kaldır. */

            body::before{

                height:calc(64px + var(--safe-top));

            }

            .kp-topbar.kp-topbar-v2{

                display:flex!important;

                flex-wrap:nowrap!important;

                grid-template-columns:none!important;

                grid-template-areas:none!important;

                border-radius:5px!important;

            }

            .kp-topbar.kp-topbar-v2::before{

                content:none!important;

                display:none!important;

            }

            .kp-shell{padding-top:calc(58px + var(--safe-top))!important}

        }



        @media(max-width:390px){

            .kp-topbar.kp-topbar-v2{

                width:calc(100vw - 6px - var(--safe-left) - var(--safe-right));

                gap:3px;

                padding:3px;

                border-radius:5px;

            }

            .kp-main-nav{gap:2px}

            .kp-nav-item,

            .kp-add-wrap.kp-nav-add-wrap .kp-add-btn{

                height:42px;

                min-height:42px;

                border-radius:5px;

            }

            .kp-nav-item .kp-nav-ico{font-size:20px}

            .kp-search-toggle{

                width:39px;

                min-width:39px;

                height:42px;

                flex-basis:39px;

                border-radius:5px;

                font-size:20px;

            }

            .kp-topbar-v2 .kp-user-pill,

            .kp-topbar-v2 .kp-login-pill{

                min-height:42px;

                height:42px;

                max-width:74px;

                padding:0 7px;

                font-size:12px;

                border-radius:5px;

            }

        }



    

        /* Yorum paneli: hem aşağı-yukarı hem sağa-sola sınırsız içerik kaydırma */

        .kp-comment-panel{

            overflow:hidden !important;

        }



        .kp-comment-list{

            overflow-x:scroll !important;

            overflow-y:scroll !important;

            overscroll-behavior:contain;

            -webkit-overflow-scrolling:touch;

            scrollbar-gutter:stable both-edges;

            min-width:0;

        }



        /* İçerik genişlerse yatay scrollbar gerçekten devreye girsin */

        .kp-comment-item{

            width:100% !important;

            min-width:0 !important;

            max-width:100% !important;

            box-sizing:border-box;

            flex:0 0 auto;

        }



        .kp-comment-text,

        .kp-comment-attachment,

        .kp-comment-og,

        .kp-comment-extra{

            max-width:none !important;

        }



        .kp-comment-text{

            white-space:normal;

            overflow-wrap:anywhere;

        }



        /* Uzun URL/OG içerikleri isterse panel genişliğini aşabilsin */

        .kp-comment-direct-link,

        .kp-comment-text a{

            white-space:nowrap;

            word-break:normal !important;

        }





        /* Yorum sahibinin küçük profil fotoğrafı */

        .kp-comment-user-row{

            display:flex;

            align-items:center;

            gap:8px;

            min-width:0;

            margin-bottom:2px;

        }



        .kp-comment-avatar{

            width:34px;

            height:34px;

            flex:0 0 34px;

            border-radius:5px;

            object-fit:cover;

            object-position:center;

            border:1px solid rgba(255,255,255,.18);

            background:#111827;

            display:block;

        }



        .kp-comment-user-row .kp-comment-user{

            min-width:0;

            margin:0;

        }



        @media(max-width:640px){

            .kp-comment-avatar{

                width:30px;

                height:30px;

                flex-basis:30px;

                border-radius:5px;

            }

        }





        /* Yorumun altındaki küçük OpenGraph kartı */

        .kp-comment-item .kp-comment-attachment{

            margin-top:8px;

            width:min(420px,100%);

        }

        .kp-comment-item .kp-comment-og{

            width:min(420px,100%);

            grid-template-columns:88px minmax(0,1fr);

            min-height:88px;

            border-radius:5px;

        }

        .kp-comment-item .kp-comment-og-img{

            width:88px;

            height:88px;

            object-fit:cover;

            border-radius:5px;

        }





        /* Yorum paneli yükseklik ayar şeridi */

        .kp-comment-resize{

            position:absolute;

            left:0;

            top:0;

            width:100%;

            height:16px;

            z-index:6;

            cursor:ns-resize;

            touch-action:none;

            user-select:none;

            display:flex;

            align-items:center;

            justify-content:center;

        }

        .kp-comment-resize::before{

            content:"";

            width:78px;

            height:5px;

            border-radius:5px;

            background:rgba(255,255,255,.34);

            box-shadow:0 0 0 1px rgba(255,255,255,.06);

        }

        .kp-comment-panel.is-resizing{

            transition:none !important;

        }

        .kp-comment-panel.is-resizing .kp-comment-resize::before{

            background:rgba(147,197,253,.95);

        }



        /* Şerit başlıkla çakışmasın */

        .kp-comment-head{

            padding-top:10px;

        }



        @media(max-width:640px){

            .kp-comment-panel{

                width:calc(100vw - 12px) !important;

                right:6px !important;

                border-radius:5px !important;

            }

        }





        .kp-comment-panel.kp-closing{

            opacity:0 !important;

            transform:translateY(22px) scale(.94) !important;

            filter:blur(4px) !important;

            pointer-events:none !important;

        }





        /* Yorum sağ-tık / uzun-bas menüsü */

        .kp-comment-context{

            position:fixed;

            z-index:2147483000;

            min-width:220px;

            max-width:min(310px,calc(100vw - 18px));

            padding:7px;

            border:1px solid rgba(255,255,255,.18);

            border-radius:5px;

            background:rgba(8,12,22,.98);

            box-shadow:0 18px 55px rgba(0,0,0,.58);

            backdrop-filter:blur(18px);

            display:none;

        }

        .kp-comment-context.open{display:block;animation:kpCommentMenuIn .14s ease both}

        @keyframes kpCommentMenuIn{

            from{opacity:0;transform:scale(.96) translateY(5px)}

            to{opacity:1;transform:scale(1) translateY(0)}

        }

        .kp-comment-context button{

            width:100%;

            min-height:42px;

            padding:8px 11px;

            border:0;

            border-radius:5px;

            background:transparent;

            color:#fff;

            text-align:left;

            font:inherit;

            font-weight:850;

            cursor:pointer;

        }

        .kp-comment-context button:hover,

        .kp-comment-context button:focus{

            background:rgba(255,255,255,.10);

            outline:none;

        }

        .kp-comment-context button.danger{color:#fca5a5}

        .kp-comment-context button.warn{color:#fde68a}

        .kp-comment-context .sep{

            height:1px;

            background:rgba(255,255,255,.10);

            margin:5px 3px;

        }

        .kp-comment-item.kp-comment-hidden{

            opacity:.60;

            border-style:dashed;

        }

        .kp-comment-hidden-badge{

            display:inline-flex;

            align-items:center;

            min-height:22px;

            margin:4px 0 5px;

            padding:2px 8px;

            border-radius:5px;

            background:rgba(245,158,11,.18);

            border:1px solid rgba(245,158,11,.30);

            color:#fde68a;

            font-size:11px;

            font-weight:900;

        }





        /* Mobil: yorumu sola kaydırınca işlem düğmeleri */

        .kp-comment-item{

            position:relative;

            overflow:hidden;

            padding:0 !important;

        }

        .kp-comment-swipe-content{

            position:relative;

            z-index:2;

            width:100%;

            min-width:0;

            box-sizing:border-box;

            background:rgba(255,255,255,.08);

            border-radius:5px;

            padding:9px 10px;

            transform:translate3d(0,0,0);

            transition:transform .22s cubic-bezier(.22,1,.36,1);

            will-change:transform;

            touch-action:pan-y;

            overflow:visible;

        }

        .kp-comment-swipe-actions{

            position:absolute;

            z-index:1;

            top:0;

            right:0;

            bottom:0;

            display:flex;

            align-items:stretch;

            justify-content:flex-end;

            border-radius:0 5px 5px 0;

            overflow:hidden;

            pointer-events:none;



            /* Başlangıçta tamamen sağda ve görünmez. */

            opacity:0;

            visibility:hidden;

            transform:translateX(100%);

            transition:

                transform .22s cubic-bezier(.22,1,.36,1),

                opacity .14s ease,

                visibility 0s linear .22s;

        }

        .kp-comment-item.kp-swipe-open .kp-comment-swipe-actions{

            pointer-events:auto;

            opacity:1;

            visibility:visible;

            transform:translateX(0);

            transition:

                transform .22s cubic-bezier(.22,1,.36,1),

                opacity .12s ease,

                visibility 0s;

        }

        .kp-comment-swipe-actions button{

            width:78px;

            min-width:78px;

            border:0;

            border-left:1px solid rgba(255,255,255,.12);

            color:#fff;

            font:inherit;

            font-size:11px;

            font-weight:900;

            line-height:1.15;

            padding:8px 5px;

            display:flex;

            flex-direction:column;

            gap:5px;

            align-items:center;

            justify-content:center;

            cursor:pointer;

            -webkit-tap-highlight-color:transparent;

        }

        .kp-comment-swipe-actions button .ico{font-size:20px;line-height:1}

        .kp-comment-swipe-actions .sw-delete{background:#991b1b}

        .kp-comment-swipe-actions .sw-hide{background:#92400e}

        .kp-comment-swipe-actions .sw-toggle{background:#1e3a8a}



        @media(min-width:901px){

            .kp-comment-swipe-actions{display:none !important}

            .kp-comment-swipe-content{

                transform:none !important;

                transition:none !important;

            }

        }





        /* Swipe sonrası yorum yüksekliği/genişliği ve scrollbar düzeltmesi */

        .kp-comment-list{

            overflow-x:scroll !important;

            overflow-y:scroll !important;

            scrollbar-gutter:stable both-edges;

            min-height:0 !important;

        }

        .kp-comment-item .kp-comment-text,

        .kp-comment-item .kp-comment-text a,

        .kp-comment-item .kp-comment-direct-link{

            max-width:100% !important;

            white-space:normal !important;

            overflow-wrap:anywhere !important;

            word-break:break-word !important;

        }

        .kp-comment-item .kp-comment-attachment,

        .kp-comment-item .kp-comment-og,

        .kp-comment-item .kp-comment-extra{

            max-width:100% !important;

            box-sizing:border-box;

        }

        .kp-comment-item[data-level="1"]{

            width:calc(100% - 22px) !important;

            min-width:0 !important;

        }





        /* Swipe kapalıyken işlem butonları kesinlikle görünmez */

        .kp-comment-item:not(.kp-swipe-open):not(.kp-swipe-dragging) .kp-comment-swipe-actions{

            opacity:0 !important;

            visibility:hidden !important;

            transform:translateX(100%) !important;

            pointer-events:none !important;

        }

        .kp-comment-item.kp-swipe-dragging .kp-comment-swipe-actions{

            pointer-events:none;

        }





        /* Mesaj yazma alanı panelin en altında sabit */

        .kp-comment-panel{

            display:flex !important;

            flex-direction:column !important;

        }



        .kp-comment-list{

            height:auto !important;

            max-height:none !important;

            min-height:0 !important;

            flex:1 1 auto !important;

            overflow-x:scroll !important;

            overflow-y:scroll !important;

        }



        .kp-comment-form{

            position:sticky;

            bottom:0;

            z-index:8;

            flex:0 0 auto;

            margin-top:auto !important;

            padding-top:10px;

            padding-bottom:0;

            width:100%;

            background:rgba(8,12,22,.98);

        }



        .kp-comment-input{

            border-radius:5px !important;

        }



        .kp-comment-send{

            border-radius:5px !important;

        }



        /* Ek foto/link alanı açıksa yazma kutusunun hemen üstünde kalsın */

        .kp-comment-extra{

            flex:0 0 auto;

        }





        /* Yorum / mesaj alanındaki tüm köşeler 5px */

        .kp-comment-panel,

        .kp-comment-panel *,

        .kp-comment-item,

        .kp-comment-swipe-content,

        .kp-comment-swipe-actions,

        .kp-comment-swipe-actions button,

        .kp-comment-avatar,

        .kp-comment-plus,

        .kp-comment-extra,

        .kp-comment-file-btn,

        .kp-comment-link-input,

        .kp-comment-photo-preview,

        .kp-comment-attachment,

        .kp-comment-image,

        .kp-comment-og,

        .kp-comment-og-img,

        .kp-comment-direct-link,

        .kp-comment-hidden-badge,

        .kp-comment-input,

        .kp-comment-send,

        .kp-comment-close,

        .kp-comment-context,

        .kp-comment-context button{

            border-radius:5px !important;

        }



        /* Üst yükseklik ayar çubuğu da aynı standarda gelsin */

        .kp-comment-resize::before{

            border-radius:5px !important;

        }





        /* Cevap yorumlarının sol mavi kenarında radius düzeltmesi */

        .kp-comment-item[data-level="1"]{

            border-left:0 !important;

            border-radius:5px !important;

            overflow:hidden !important;

            box-shadow:inset 3px 0 0 rgba(147,197,253,.70);

        }



        .kp-comment-item[data-level="1"] > .kp-comment-swipe-content{

            border-radius:5px !important;

            overflow:hidden !important;

        }



        .kp-comment-item[data-level="1"] > .kp-comment-swipe-actions{

            border-radius:5px !important;

        }





        /* =========================================================

           YORUM / MESAJ - RESPONSIVE DAHİL KESİN 5PX RADIUS OVERRIDE

           Bu blok dosyanın en sonunda olduğundan önceki !important

           ve responsive radius tanımlarını bastırır.

           ========================================================= */

        .kp-comment-panel,

        .kp-comment-panel *,

        .kp-comment-item,

        .kp-comment-item[data-level="1"],

        .kp-comment-item[data-level="1"] > .kp-comment-swipe-content,

        .kp-comment-item[data-level="1"] > .kp-comment-swipe-actions,

        .kp-comment-swipe-content,

        .kp-comment-swipe-actions,

        .kp-comment-swipe-actions button,

        .kp-comment-avatar,

        .kp-comment-plus,

        .kp-comment-extra,

        .kp-comment-file-btn,

        .kp-comment-link-input,

        .kp-comment-photo-preview,

        .kp-comment-attachment,

        .kp-comment-image,

        .kp-comment-og,

        .kp-comment-og-img,

        .kp-comment-direct-link,

        .kp-comment-hidden-badge,

        .kp-comment-input,

        .kp-comment-send,

        .kp-comment-close,

        .kp-comment-context,

        .kp-comment-context button{

            border-radius:5px !important;

        }



        .kp-comment-resize::before{

            border-radius:5px !important;

        }



        /* Cevap kartındaki mavi sol çizgi radius'u bozmasın */

        .kp-comment-item[data-level="1"]{

            border-left:0 !important;

            overflow:hidden !important;

            box-shadow:inset 3px 0 0 rgba(147,197,253,.70) !important;

        }



        /* Mobil / tablet için ayrıca kesin override */

        @media (max-width:900px){

            .kp-comment-panel,

            .kp-comment-panel *,

            .kp-comment-item,

            .kp-comment-item[data-level="1"],

            .kp-comment-swipe-content,

            .kp-comment-swipe-actions,

            .kp-comment-swipe-actions button,

            .kp-comment-avatar,

            .kp-comment-plus,

            .kp-comment-extra,

            .kp-comment-file-btn,

            .kp-comment-link-input,

            .kp-comment-photo-preview,

            .kp-comment-attachment,

            .kp-comment-image,

            .kp-comment-og,

            .kp-comment-og-img,

            .kp-comment-direct-link,

            .kp-comment-hidden-badge,

            .kp-comment-input,

            .kp-comment-send,

            .kp-comment-close{

                border-radius:5px !important;

            }



            .kp-comment-item[data-level="1"]{

                border-left:0 !important;

                overflow:hidden !important;

                box-shadow:inset 3px 0 0 rgba(147,197,253,.70) !important;

            }

        }





        /* =========================================================

           ÇOK SEVİYELİ YORUM / CEVAP HİYERARŞİSİ

           Her cevap seviyesi 22px sağa kayar.

           Her yeni seviye bir ton daha açık görünür.

           ========================================================= */

        .kp-comment-item{

            margin-left:var(--kp-reply-indent,0px) !important;

            width:calc(100% - var(--kp-reply-indent,0px)) !important;

            min-width:0 !important;

            max-width:none !important;

            background:var(--kp-comment-bg,rgba(255,255,255,.08)) !important;

        }



        .kp-comment-item > .kp-comment-swipe-content{

            background:var(--kp-comment-bg,rgba(255,255,255,.08)) !important;

        }



        .kp-comment-item.kp-comment-reply-level{

            border-left:0 !important;

            overflow:hidden !important;

            box-shadow:inset 3px 0 0 rgba(147,197,253,.70) !important;

        }



        /* Eski yalnızca seviye 1'e özel genişlik kuralını etkisizleştir */

        .kp-comment-item[data-level="1"]{

            margin-left:var(--kp-reply-indent,22px) !important;

            width:calc(100% - var(--kp-reply-indent,22px)) !important;

        }



        @media (max-width:900px){

            .kp-comment-item{

                margin-left:var(--kp-reply-indent,0px) !important;

                width:calc(100% - var(--kp-reply-indent,0px)) !important;

            }

        }





        /* Yorum mesajlarının iç kenar boşluğu: 5px */

        .kp-comment-item > .kp-comment-swipe-content{

            padding:5px !important;

            box-sizing:border-box !important;

        }



        /* Swipe wrapper kullanılmayan olası eski yorum kayıtları için */

        .kp-comment-item:not(:has(> .kp-comment-swipe-content)){

            padding:5px !important;

            box-sizing:border-box !important;

        }





        /* Cevap verilen aktif mesajı sarı border ile göster */

        .kp-comment-item.kp-comment-reply-target{

            border:2px solid #facc15 !important;

            box-sizing:border-box !important;

        }



        .kp-comment-item.kp-comment-reply-target > .kp-comment-swipe-content{

            border-radius:4px !important;

        }



        @media (max-width:900px){

            .kp-comment-item.kp-comment-reply-target{

                border:2px solid #facc15 !important;

            }

        }





        /* Yorum başlığı: profil + kullanıcı solda, tarih/saat sağda */

        .kp-comment-user-row{

            display:flex !important;

            align-items:center !important;

            gap:8px !important;

            min-width:0 !important;

            width:100% !important;

        }



        .kp-comment-user-row .kp-comment-user{

            min-width:0 !important;

            margin:0 !important;

        }



        .kp-comment-user-row .kp-comment-date-top{

            margin-left:auto !important;

            margin-top:0 !important;

            flex:0 0 auto !important;

            white-space:nowrap !important;

            text-align:right !important;

            font-size:10px !important;

            color:rgba(255,255,255,.52) !important;

        }



        /* Alt tarafta tarih için artık ayrı satır ayrılmaz */

        .kp-comment-actions{

            margin-top:5px !important;

        }



        @media(max-width:640px){

            .kp-comment-user-row{

                gap:6px !important;

            }



            .kp-comment-user-row .kp-comment-date-top{

                font-size:9px !important;

            }

        }





        /* Yorum alanı: scrollbar görünmesin, scroll çalışmaya devam etsin */

        .kp-comment-list{

            overflow-x:auto !important;

            overflow-y:auto !important;



            /* Firefox */

            scrollbar-width:none !important;



            /* Eski IE / Edge */

            -ms-overflow-style:none !important;



            /* Dokunmatik kaydırma */

            -webkit-overflow-scrolling:touch;

        }



        /* Chrome / Edge / Safari */

        .kp-comment-list::-webkit-scrollbar{

            width:0 !important;

            height:0 !important;

            display:none !important;

        }





        /* Responsive: gönder butonuna dokununca yorum paneli açık kalır */

        @media(max-width:640px){

            .kp-comment-send{

                touch-action:manipulation !important;

                -webkit-tap-highlight-color:transparent !important;

            }

            .kp-comment-form{

                position:sticky !important;

                bottom:0 !important;

                z-index:8 !important;

            }

        }





        /* Yeni gönderilen yorum: animasyon + 5 saniye yeşil border */

        .kp-comment-item.kp-comment-just-sent{

            animation:kpCommentSentIn .42s cubic-bezier(.2,.75,.25,1) both !important;

        }



        .kp-comment-item.kp-comment-just-sent-hold{

            border:2px solid #22c55e !important;

            box-shadow:

                0 0 0 1px rgba(34,197,94,.24),

                0 0 18px rgba(34,197,94,.22) !important;

            transition:

                border-color .30s ease,

                box-shadow .30s ease !important;

        }



        @keyframes kpCommentSentIn{

            0%{

                opacity:0;

                transform:translateY(18px) scale(.97);

                filter:blur(3px);

            }

            60%{

                opacity:1;

                transform:translateY(-2px) scale(1.01);

                filter:blur(0);

            }

            100%{

                opacity:1;

                transform:translateY(0) scale(1);

                filter:blur(0);

            }

        }



        @media(max-width:640px){

            .kp-comment-item.kp-comment-just-sent-hold{

                border:2px solid #22c55e !important;

            }

        }





        /* Mobil: Sil ve kullanıcı adı görünümü değişmeden dokunma alanını %20 büyüt */

        @media(max-width:640px){

            .kp-delete-post,

            .kp-person{

                position:relative !important;

            }



            .kp-delete-post::after,

            .kp-person::after{

                content:"";

                position:absolute;

                inset:-10%;

                z-index:2;

                background:transparent;

                pointer-events:auto;

            }

        }





        /* =========================================================

           PAYLAS IMG LAYER EDITOR

           ========================================================= */

        .kp-layer-editor-field{display:none}

        .kp-layer-editor-field.open{display:block}

        .kp-layer-toolbar{

            display:flex;align-items:center;gap:6px;flex-wrap:wrap;

            margin:8px 0;padding:7px;border:1px solid rgba(255,255,255,.14);

            border-radius:5px;background:rgba(255,255,255,.04)

        }

        .kp-layer-tool{

            min-width:38px;height:36px;padding:0 9px;border:1px solid rgba(255,255,255,.16);

            border-radius:5px;background:rgba(255,255,255,.08);color:#fff;

            font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;

            align-items:center;justify-content:center;gap:5px

        }

        .kp-layer-tool:hover{background:rgba(255,255,255,.14)}

        .kp-layer-tool.danger{background:rgba(185,28,28,.46)}

        .kp-layer-tool.active{outline:2px solid #38bdf8}

        .kp-align-icon{

            width:22px;height:18px;display:inline-flex;flex-direction:column;

            justify-content:center;gap:3px;pointer-events:none

        }

        .kp-align-icon i{

            display:block;height:2px;background:currentColor;border-radius:2px;

            opacity:.96

        }

        .kp-align-icon.left{align-items:flex-start}

        .kp-align-icon.center{align-items:center}

        .kp-align-icon.right{align-items:flex-end}

        .kp-align-icon i:nth-child(1){width:20px}

        .kp-align-icon i:nth-child(2){width:14px}

        .kp-align-icon i:nth-child(3){width:18px}

        .kp-layer-tool[data-align-btn]{min-width:42px;padding:0 8px}

        .kp-layer-music-tool{

            width:46px;min-width:46px;height:36px;padding:0 4px;color:#fff

        }

        .kp-layer-music-tool.active{

            background:rgba(37,99,235,.78);outline:2px solid #60a5fa

        }

        .kp-music-clef-icon{width:40px;height:30px;display:block;overflow:visible}

        .kp-music-staff line{

            stroke:#fff;stroke-width:1.5;stroke-linecap:round;opacity:.96

        }

        .kp-music-clef-glyph{

            fill:#fff;font-size:27px;font-family:"Times New Roman","Segoe UI Symbol",serif;font-weight:400

        }

        .kp-layer-tool select,.kp-layer-tool input{

            background:#111827;color:#fff;border:0;outline:0;max-width:110px

        }

        .kp-layer-color{width:38px!important;height:28px;padding:0;border:0}

        .kp-layer-size{width:62px!important}

        .kp-layer-palette{

            position:absolute;

            left:50%;

            top:8px;

            z-index:80;

            display:flex;

            align-items:center;

            justify-content:center;

            gap:5px;

            flex-wrap:wrap;

            width:max-content;

            max-width:calc(100% - 16px);

            padding:7px;

            margin:0;

            border:1px solid rgba(255,255,255,.20);

            border-radius:7px;

            background:rgba(10,15,27,.94);

            backdrop-filter:blur(14px);

            box-shadow:0 14px 38px rgba(0,0,0,.38);

            opacity:0;

            visibility:hidden;

            pointer-events:none;

            transform:translate(-50%,-10px) scale(.96);

            transform-origin:top center;

            transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;

        }

        .kp-layer-palette.open{

            opacity:1;

            visibility:visible;

            pointer-events:auto;

            transform:translate(-50%,0) scale(1);

            transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s;

        }

        .kp-layer-swatch{

            width:28px;height:28px;border-radius:5px;border:1px solid rgba(255,255,255,.28);

            cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.22);

            flex:0 0 28px;

            transition:transform .12s ease,box-shadow .12s ease

        }

        .kp-layer-swatch:hover{transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.32)}

        .kp-layer-palette-tool{font-size:18px!important}

        .kp-layer-stage-wrap{

            width:100%;position:relative;overflow:hidden;border-radius:5px;

            border:1px solid rgba(255,255,255,.18);background:#030712;

            min-height:240px;touch-action:none

        }

        .kp-layer-stage{

            position:absolute;left:0;top:0;width:1080px;height:1920px;

            transform-origin:0 0;overflow:hidden;background:#2f5f8f;

            user-select:none;-webkit-user-select:none;touch-action:none

        }

        .kp-layer-object{

            position:absolute;box-sizing:border-box;transform-origin:center center;

            touch-action:none;user-select:none;-webkit-user-select:none

        }

        .kp-layer-object[data-type="text"]{

            overflow:visible !important;

            padding:0 !important;

        }

        .kp-layer-text-content{

            position:absolute;inset:0;display:block;

            white-space:pre-wrap;overflow:visible;line-height:1.15;padding:10px;

            box-sizing:border-box;outline:0;word-break:break-word;overflow-wrap:anywhere

        }

        .kp-layer-tool[data-align-btn="left"]{justify-content:flex-start;text-align:left;padding-left:10px}

        .kp-layer-tool[data-align-btn="center"]{justify-content:center;text-align:center}

        .kp-layer-tool[data-align-btn="right"]{justify-content:flex-end;text-align:right;padding-right:10px}

        .kp-layer-text-content[contenteditable="true"]{

            cursor:text;

            user-select:text!important;

            -webkit-user-select:text!important;

            -webkit-touch-callout:none;

            touch-action:manipulation;

            caret-color:#38bdf8!important;

            background:rgba(255,255,255,.05);

            outline:none!important;

        }



        /*

         * V34 - iPhone/iPad Safari:

         * içerik düzenleme başlamadan önce de text nesnesi gerçek bir yazı

         * hedefi gibi davranır. İlk dokunuşta DOM yeniden oluşturulmaz;

         * böylece focus aynı kullanıcı hareketi içinde kalır ve iOS klavyesi açılır.

         */

        .kp-layer-object[data-type="text"] .kp-layer-text-content{

            cursor:text;

            -webkit-user-select:text!important;

            user-select:text!important;

            touch-action:manipulation;

        }



        .kp-layer-text-content.kp-ios-text-editing{

            caret-color:#38bdf8!important;

            -webkit-user-select:text!important;

            user-select:text!important;

            touch-action:pan-y!important;

        }



        /*

         * V36 - iPhone/iPad yazı düzenlerken sayfa kaydırma.

         * Normalde layer stage touch-action:none kullanır; bu drag/resize için

         * gerekli. Text edit modunda ise sadece dikey pan serbest bırakılır.

         */

        .kp-layer-editor-field.kp-text-scroll-mode .kp-layer-stage-wrap,

        .kp-layer-editor-field.kp-text-scroll-mode .kp-layer-stage,

        .kp-layer-editor-field.kp-text-scroll-mode .kp-layer-object[data-type="text"],

        .kp-layer-editor-field.kp-text-scroll-mode .kp-layer-text-content{

            touch-action:pan-y!important;

        }

        .kp-layer-object[data-type="image"] .kp-layer-media-viewport,

        .kp-layer-object[data-type="gif"] .kp-layer-media-viewport,

        .kp-layer-object[data-type="video"] .kp-layer-media-viewport{

            position:absolute;inset:0;overflow:hidden;display:block;visibility:visible;opacity:1

        }

        .kp-layer-object[data-type="image"] img,

        .kp-layer-object[data-type="gif"] img,

        .kp-layer-object[data-type="video"] video,

        .kp-layer-edit-media{

            position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill;display:block;

            pointer-events:none;transform-origin:top left

        }

        .kp-layer-object[data-type="link"]{

            display:flex;align-items:center;justify-content:center;text-align:center;

            padding:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.24);

            color:#fff;text-decoration:none;overflow:hidden

        }

        .kp-layer-object.selected{

            outline:3px solid #38bdf8;outline-offset:1px;z-index:9999!important

        }

        .kp-layer-handle{

            display:none;position:absolute;width:22px;height:22px;border-radius:50%;

            background:#fff;border:2px solid #0284c7;z-index:10020;box-shadow:0 1px 5px rgba(0,0,0,.25)

        }

        .kp-layer-object.selected .kp-layer-handle{display:block}

        .kp-layer-handle.se{right:-11px;bottom:-11px;cursor:nwse-resize}

        .kp-layer-handle.nw{left:-11px;top:-11px;cursor:nwse-resize}

        .kp-layer-handle.ne{right:-11px;top:-11px;cursor:ew-resize}

        .kp-layer-handle.sw{left:-11px;bottom:-11px;cursor:ns-resize}

        .kp-layer-rotate{

            display:none;position:absolute;left:50%;top:-56px;transform:translateX(-50%);

            width:44px;height:44px;border-radius:50%;background:#facc15;color:#111827;

            align-items:center;justify-content:center;font-size:24px;font-weight:900;

            border:2px solid #fff;cursor:grab;z-index:10030;box-shadow:0 2px 10px rgba(0,0,0,.35)

        }

        .kp-layer-object.selected .kp-layer-rotate{display:flex}

        .kp-layer-crop{display:none!important}

        .kp-layer-object.selected .kp-layer-crop{display:none!important}

        .kp-layer-mini{display:none;position:absolute;left:50%;bottom:24px;transform:translateX(-50%);gap:12px;z-index:10040;white-space:nowrap;align-items:center;justify-content:center;pointer-events:auto}

        .kp-layer-object.selected .kp-layer-mini{display:flex}

        .kp-layer-mini button{width:90px;height:90px;border:0;border-radius:14px;background:rgba(10,18,35,.92);color:#fff;cursor:pointer;font-size:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.38);backdrop-filter:blur(8px)}

        .kp-layer-help{

            font-size:11px;color:rgba(255,255,255,.62);margin-top:6px;line-height:1.35

        }

        .kp-layer-hidden-file{display:none!important}



        /* Akışta layer sahibi araçları */

        .kp-layer-owner-tools{

            position:absolute;

            right:14px;

            left:auto;

            top:58px;

            z-index:12;

            display:flex;

            align-items:center;

            justify-content:flex-end;

            gap:6px;

            flex-wrap:wrap;

            max-width:calc(100% - 28px)

        }

        .kp-layer-owner-tool{

            height:34px;min-width:38px;padding:0 8px;border:1px solid rgba(255,255,255,.22);

            border-radius:5px;background:rgba(0,0,0,.42);color:#fff;cursor:pointer;

            backdrop-filter:blur(12px);font-size:12px

        }



        @media(max-width:640px){

            .kp-layer-toolbar{gap:5px;padding:5px}

            .kp-layer-tool{min-width:34px;height:34px;padding:0 7px;font-size:12px}

            .kp-layer-owner-tools{

                right:10px;

                left:auto;

                top:54px;

                gap:5px;

                justify-content:flex-end

            }

            .kp-layer-owner-tool{height:32px;min-width:34px;padding:0 6px}

        }





        /* Katman araç paneli: kompakt, simetrik ve üç işlev grubu */

        .kp-layer-toolbar{

            --kp-tool-h:36px;

            --kp-tool-w:36px;

            display:flex;

            align-items:flex-start;

            gap:4px;

            flex-wrap:wrap;

            margin:5px 0;

            padding:4px;

        }

        .kp-layer-tool-group{

            position:relative;

            display:flex;

            align-items:center;

            gap:4px;

            flex-wrap:wrap;

            min-width:0;

        }

        .kp-layer-tool-group + .kp-layer-tool-group{

            margin-left:2px;

            padding-left:9px;

        }

        .kp-layer-tool-group + .kp-layer-tool-group::before{

            content:"";

            position:absolute;

            left:2px;

            top:3px;

            bottom:3px;

            width:1px;

            background:rgba(255,255,255,.34);

        }

        .kp-layer-toolbar .kp-layer-tool{

            box-sizing:border-box;

            min-width:var(--kp-tool-w);

            width:var(--kp-tool-w);

            height:var(--kp-tool-h);

            min-height:var(--kp-tool-h);

            max-height:var(--kp-tool-h);

            padding:0;

            margin:0;

            display:inline-flex;

            align-items:center;

            justify-content:center;

            gap:4px;

            line-height:1;

            text-align:center;

            vertical-align:middle;

        }

        .kp-layer-toolbar button.kp-layer-tool,

        .kp-layer-toolbar label.kp-layer-tool{

            flex:0 0 auto;

        }

        .kp-layer-tool-group-text .kp-layer-tool{

            background:rgba(37,99,235,.18);

            border-color:rgba(96,165,250,.32);

        }

        .kp-layer-tool-group-upload .kp-layer-tool{

            background:rgba(5,150,105,.18);

            border-color:rgba(52,211,153,.30);

        }

        .kp-layer-tool-group-edit .kp-layer-tool{

            background:rgba(124,58,237,.17);

            border-color:rgba(167,139,250,.30);

        }

        .kp-layer-tool-group-edit .kp-layer-tool.danger{

            background:rgba(185,28,28,.60);

            border-color:rgba(248,113,113,.42);

        }

        .kp-layer-toolbar .kp-layer-font-tool{

            width:160px;

            padding:0 6px;

        }

        .kp-layer-toolbar .kp-layer-number-tool{

            width:88px;

            padding:0 6px;

        }

        .kp-layer-toolbar .kp-layer-color-tool{

            width:64px;

            padding:0 6px;

        }

        .kp-layer-toolbar .kp-layer-tool select,

        .kp-layer-toolbar .kp-layer-tool input{

            height:26px;

            margin:0;

            padding:0 4px;

            line-height:26px;

            box-sizing:border-box;

        }

        .kp-layer-toolbar .kp-layer-font-tool select{

            width:124px;

            max-width:124px;

        }

        .kp-layer-toolbar .kp-layer-size{

            width:54px!important;

            max-width:54px!important;

            text-align:center;

        }

        .kp-layer-toolbar .kp-layer-color{

            width:34px!important;

            height:26px!important;

            padding:0;

        }

        .kp-layer-toolbar .kp-layer-music-tool{

            width:var(--kp-tool-w);

            min-width:var(--kp-tool-w);

            height:var(--kp-tool-h);

            padding:0;

        }

        .kp-layer-toolbar .kp-music-clef-icon{

            width:30px;

            height:24px;

            margin:auto;

        }

        .kp-layer-toolbar .kp-align-icon{

            margin:auto;

        }

        .kp-layer-toolbar .kp-layer-tool[data-align-btn="left"],

        .kp-layer-toolbar .kp-layer-tool[data-align-btn="center"],

        .kp-layer-toolbar .kp-layer-tool[data-align-btn="right"]{

            justify-content:center;

            text-align:center;

            padding:0;

        }

        @media(max-width:640px){

            .kp-layer-toolbar{

                --kp-tool-h:34px;

                --kp-tool-w:34px;

                gap:3px;

                padding:3px;

                margin:4px 0;

            }

            .kp-layer-tool-group{gap:3px}

            .kp-layer-tool-group + .kp-layer-tool-group{padding-left:8px;margin-left:1px}

            .kp-layer-toolbar .kp-layer-font-tool{width:150px;padding:0 5px}

            .kp-layer-toolbar .kp-layer-font-tool select{width:116px;max-width:116px}

            .kp-layer-toolbar .kp-layer-number-tool{width:82px;padding:0 5px}

            .kp-layer-toolbar .kp-layer-color-tool{width:60px;padding:0 5px}

            .kp-layer-toolbar .kp-layer-size{width:50px!important;max-width:50px!important}

        }



        /* Yazı araçları: her ekran genişliğinde tek satır, daha kompakt */

        .kp-layer-tool-group-text{

            flex-wrap:nowrap;

            width:max-content;

            max-width:100%;

        }

        .kp-layer-tool-group-text .kp-layer-font-tool{

            width:142px;

            padding:0 5px;

        }

        .kp-layer-tool-group-text .kp-layer-font-tool select{

            width:108px;

            max-width:108px;

        }

        .kp-layer-tool-group-text .kp-layer-number-tool{

            width:76px;

            padding:0 4px;

        }

        .kp-layer-tool-group-text .kp-layer-number-tool .kp-layer-size{

            width:45px!important;

            max-width:45px!important;

        }

        .kp-layer-tool-group-text .kp-layer-color-tool{

            width:56px;

            padding:0 4px;

        }

        @media(max-width:640px){

            .kp-layer-tool-group-text{

                flex-wrap:nowrap;

            }

            .kp-layer-tool-group-text .kp-layer-font-tool{

                width:136px;

                padding:0 4px;

            }

            .kp-layer-tool-group-text .kp-layer-font-tool select{

                width:104px;

                max-width:104px;

            }

            .kp-layer-tool-group-text .kp-layer-number-tool{

                width:72px;

                padding:0 3px;

            }

            .kp-layer-tool-group-text .kp-layer-number-tool .kp-layer-size{

                width:43px!important;

                max-width:43px!important;

            }

            .kp-layer-tool-group-text .kp-layer-color-tool{

                width:52px;

                padding:0 3px;

            }

        }



        /* Akışta layer render */

        .kp-post.kp-post-layer{

            min-height:0 !important;

            aspect-ratio:9/16; /* fallback; gerçek oran JS ile inline uygulanır */

            background:#05060a;

        }

        .kp-post.kp-post-layer .kp-media-area{position:absolute;inset:0}

        .kp-post.kp-post-layer .kp-blur-bg{display:none}

        .kp-post.kp-post-layer .kp-dark{display:none}

        .kp-post.kp-post-layer .kp-slider,

        .kp-post.kp-post-layer .kp-track{width:100%;height:100%}

        .kp-layer-slide{width:100%;height:100%;display:flex!important;align-items:stretch!important}

        .kp-layer-render-stage{

            position:relative;width:100%;height:100%;overflow:hidden;

            container-type:inline-size;background:#2f5f8f

        }

        .kp-layer-render-object{

            position:absolute;transform-origin:center center;box-sizing:border-box

        }

        .kp-layer-render-text{

            display:flex;align-items:center;justify-content:center;white-space:pre-wrap;

            overflow:visible;line-height:1.15;padding:10px;box-sizing:border-box

        }

        .kp-layer-render-media-viewport{

            position:absolute;inset:0;overflow:hidden

        }

        .kp-layer-render-media{

            position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill;display:block;

            transform-origin:top left

        }

        .kp-layer-render-link{

            display:flex;align-items:center;justify-content:center;text-align:center;

            color:#fff;text-decoration:none;padding:1.2cqw;border:1px solid rgba(255,255,255,.24);

            border-radius:5px;background:rgba(0,0,0,.25);overflow:hidden

        }

        .kp-layer-music-wrap{

            position:absolute;left:16px;right:90px;bottom:22px;z-index:14

        }





        /* =========================================================

           LAYER YAZI PAYLAŞIMI:

           Eski klasik başlık/açıklama bloğunu kesinlikle gösterme.

           Server tarafında da üretilmiyor; bu CSS cache/eski HTML için

           ikinci güvenlik katmanıdır.

           ========================================================= */

        .kp-post.kp-post-layer > .kp-caption,

        .kp-post.kp-post-layer .kp-caption{

            display:none !important;

            visibility:hidden !important;

            pointer-events:none !important;

        }



        .kp-post.kp-post-layer{

            padding-bottom:0 !important;

        }





        .kp-layer-object{overflow:visible!important}

        .kp-layer-object[data-type="image"] img,

        .kp-layer-object[data-type="gif"] img,

        .kp-layer-object[data-type="video"] video{

            overflow:hidden

        }

        .kp-layer-rotate{

            top:-42px!important;

        }





        /* Layer araçları sağda; Sil + kullanıcı alanıyla üst üste binmez */

        .kp-post.kp-post-layer .kp-layer-owner-tools{

            top:64px !important;

            right:14px !important;

            left:auto !important;

        }



        @media(max-width:640px){

            .kp-post.kp-post-layer .kp-layer-owner-tools{

                top:60px !important;

                right:10px !important;

            }

        }





        /* =========================================================

           AKIŞ ÜZERİNDE DOĞRUDAN LAYER DÜZENLEME

           ========================================================= */

        .kp-post.kp-layer-inline-editing{

            aspect-ratio:auto !important;

            min-height:0 !important;

            height:auto !important;

            overflow:visible !important;

            padding-bottom:14px !important;

        }



        .kp-post.kp-layer-inline-editing > .kp-media-area{

            display:none !important;

        }



        .kp-post.kp-layer-inline-editing > .kp-layer-owner-tools{

            display:none !important;

        }



        .kp-post.kp-layer-inline-editing .kp-stats-strip,

        .kp-post.kp-layer-inline-editing .kp-dock{

            display:none !important;

        }



        .kp-inline-layer-host{

            position:relative;

            z-index:20;

            width:100%;

            box-sizing:border-box;

            padding:62px 14px 14px;

        }



        .kp-inline-layer-host .kp-layer-editor-field{

            display:block !important;

            margin:0 !important;

            width:100% !important;

        }



        .kp-inline-layer-host .kp-layer-toolbar{

            position:sticky;

            top:0;

            z-index:30;

            backdrop-filter:blur(14px);

        }



        .kp-inline-layer-actions{

            display:flex;

            align-items:center;

            justify-content:flex-end;

            gap:8px;

            margin:10px 0 0;

        }



        .kp-inline-layer-actions button{

            height:38px;

            padding:0 15px;

            border-radius:5px;

            border:1px solid rgba(255,255,255,.18);

            font-weight:800;

            cursor:pointer;

        }



        .kp-inline-layer-save{

            background:#2563eb;

            color:#fff;

        }



        .kp-inline-layer-done{

            background:rgba(255,255,255,.08);

            color:#fff;

        }



        .kp-inline-layer-cancel{

            background:rgba(127,29,29,.70);

            color:#fff;

        }



        .kp-inline-layer-saving{

            opacity:.68;

            pointer-events:none;

        }



        @media(max-width:640px){

            .kp-inline-layer-host{

                padding:58px 8px 10px;

            }



            .kp-inline-layer-actions{

                position:sticky;

                bottom:0;

                z-index:31;

                padding:8px 0;

                background:rgba(8,15,28,.88);

                backdrop-filter:blur(14px);

            }

        }





        .kp-layer-crop-box{width:min(96vw,1100px);max-width:96vw}

        .kp-layer-crop-body{display:flex;flex-direction:column;gap:14px}

        .kp-layer-crop-preview-wrap{

            border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#020617;

            padding:12px

        }

        .kp-layer-crop-preview{

            position:relative;width:100%;height:420px;min-height:260px;max-height:72vh;margin:0 auto;

            background:#0f172a;border-radius:8px;overflow:hidden

        }

        .kp-layer-crop-preview .kp-layer-media-viewport{position:absolute;inset:0;overflow:hidden}

        .kp-layer-crop-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}

        .kp-layer-crop-shade{position:absolute;background:rgba(2,6,23,.52);pointer-events:none}

        .kp-layer-crop-boxui{position:absolute;border:2px solid #38bdf8;box-shadow:0 0 0 9999px rgba(0,0,0,0);pointer-events:none}

        .kp-layer-crop-rule{position:absolute;background:rgba(56,189,248,.95)}

        .kp-layer-crop-rule.h{left:0;right:0;height:2px}

        .kp-layer-crop-rule.v{top:0;bottom:0;width:2px}

        .kp-layer-crop-handle{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid #38bdf8;box-shadow:0 4px 12px rgba(0,0,0,.38);margin:-14px 0 0 -14px;pointer-events:auto;touch-action:none;cursor:pointer}

        .kp-layer-crop-handle[data-dir="nw"]{cursor:nwse-resize}

        .kp-layer-crop-handle[data-dir="ne"]{cursor:nesw-resize}

        .kp-layer-crop-handle[data-dir="sw"]{cursor:nesw-resize}

        .kp-layer-crop-handle[data-dir="se"]{cursor:nwse-resize}

        .kp-layer-crop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}

        .kp-layer-crop-field{display:flex;flex-direction:column;gap:6px}

        .kp-layer-crop-field label{font-size:13px;color:rgba(255,255,255,.86);font-weight:700}

        .kp-layer-crop-field input{width:100%}

        .kp-layer-crop-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}

        .kp-layer-crop-actions button{height:40px;padding:0 16px;border-radius:8px;border:1px solid rgba(255,255,255,.18);font-weight:800;cursor:pointer}

        .kp-layer-crop-cancel{background:rgba(127,29,29,.70);color:#fff}

        .kp-layer-crop-apply{background:#2563eb;color:#fff}

        .kp-layer-crop-note{font-size:12px;color:rgba(255,255,255,.68);line-height:1.45}

        .kp-layer-crop-time{display:none}

        .kp-layer-crop-time.show{display:contents}

        .kp-layer-crop-timeline{display:none;flex-direction:column;gap:8px}

        .kp-layer-crop-timeline.show{display:flex}

        .kp-layer-crop-filmstrip{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:8px;overflow:hidden;background:#0b1220}

        .kp-layer-crop-frames{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));height:74px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.06))}

        .kp-layer-crop-frame{position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}

        .kp-layer-crop-frame:last-child{border-right:0}

        .kp-layer-crop-frame img{width:100%;height:100%;object-fit:cover;display:block}

        .kp-layer-crop-frame span{font-size:11px;color:rgba(255,255,255,.62)}

        .kp-layer-crop-range{position:absolute;inset:0;pointer-events:none}

        .kp-layer-crop-range-mask{position:absolute;top:0;bottom:0;background:rgba(2,6,23,.58)}

        .kp-layer-crop-range-window{position:absolute;top:0;bottom:0;border-left:3px solid #38bdf8;border-right:3px solid #38bdf8;background:rgba(56,189,248,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}

        .kp-layer-crop-range-handle{position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;border:2px solid #38bdf8;box-shadow:0 2px 8px rgba(0,0,0,.35)}

        .kp-layer-crop-range-handle.start{left:-8px}

        .kp-layer-crop-range-handle.end{right:-8px}

        .kp-layer-crop-ticks{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:rgba(255,255,255,.66);padding:0 2px}

        @media(max-width:640px){

            .kp-layer-crop-grid{grid-template-columns:1fr}

        }





        /* Layer paylaşımı: kartın kendisi tıklanabilir değildir */

        .kp-post.kp-post-layer,

        .kp-post.kp-post-layer .kp-slide{

            cursor:default !important;

        }



        .kp-post.kp-post-layer a.kp-layer-render-link{

            cursor:pointer !important;

        }





        /* Tek Tools butonu: Sil butonunun yanında */

        .kp-post-top-right .kp-tools-button{

            height:100% !important;

            min-height:57px !important;

            padding:0 21px !important;

            border:1px solid rgba(255,255,255,.22) !important;

            border-radius:5px !important;

            background:rgba(15,23,42,.78) !important;

            color:#fff !important;

            font-weight:800 !important;

            cursor:pointer !important;

            display:inline-flex !important;

            align-items:center !important;

            justify-content:center !important;

            white-space:nowrap !important;

        }



        .kp-post-top-right .kp-tools-button:hover{

            background:rgba(30,41,59,.92) !important;

        }



        /* Eski ayrı araç şeridi artık kullanılmıyor */

        .kp-layer-owner-tools{

            display:none !important;

        }



        @media(max-width:640px){

            .kp-post-top-right .kp-tools-button{

                min-height:54px !important;

                padding:0 17px !important;

            }

        }





        /* Tools'a basınca edit araçları kesin görünür */

        .kp-post.kp-layer-inline-editing .kp-inline-layer-host{

            display:block !important;

            visibility:visible !important;

            opacity:1 !important;

        }



        .kp-post.kp-layer-inline-editing .kp-inline-layer-host .kp-layer-editor-field{

            display:block !important;

            visibility:visible !important;

            opacity:1 !important;

        }



        .kp-post.kp-layer-inline-editing .kp-inline-layer-host .kp-layer-toolbar{

            display:flex !important;

            visibility:visible !important;

            opacity:1 !important;

        }



        .kp-post.kp-layer-inline-editing .kp-inline-layer-host .kp-layer-palette{

            display:flex !important;

            visibility:visible !important;

            opacity:1 !important;

        }



        .kp-post.kp-layer-inline-editing .kp-inline-layer-host .kp-layer-stage-wrap{

            display:block !important;

            visibility:visible !important;

            opacity:1 !important;

        }





        /* V11: Tools tek buton ve layer nesneleri düzenlenebilir */

        .kp-post.kp-post-layer .kp-post-top-right .kp-tools-button{

            display:inline-flex !important;

            visibility:visible !important;

            opacity:1 !important;

            pointer-events:auto !important;

            position:relative !important;

            z-index:80 !important;

        }



        .kp-post.kp-post-layer .kp-layer-render-object{

            cursor:default;

        }



        /*

         * V45 - Taşıma işareti yalnız gerçek düzenleme/taşıma alanında görünür.

         * Akışta Tools butonu var diye bütün layer nesneleri move cursor göstermez.

         */

        .kp-post.kp-post-layer:has(.kp-tools-button) .kp-layer-render-object{

            cursor:default;

        }



        .kp-post.kp-post-layer:has(.kp-tools-button) .kp-layer-render-link{

            cursor:pointer;

        }



        .kp-layer-editor-field.open .kp-layer-object{

            cursor:move;

        }



        .kp-layer-editor-field.open .kp-layer-object[data-type="image"] .kp-layer-media-viewport,

        .kp-layer-editor-field.open .kp-layer-object[data-type="gif"] .kp-layer-media-viewport,

        .kp-layer-editor-field.open .kp-layer-object[data-type="video"] .kp-layer-media-viewport,

        .kp-layer-editor-field.open .kp-layer-object[data-type="link"]{

            cursor:move;

        }



        .kp-layer-editor-field.open

        .kp-layer-object[data-type="text"]

        .kp-layer-text-content:not([contenteditable="true"]){

            cursor:move !important;

            touch-action:none !important;

            user-select:none !important;

            -webkit-user-select:none !important;

        }



        .kp-layer-editor-field.open

        .kp-layer-object[data-type="text"].selected

        .kp-layer-text-content:not([contenteditable="true"]):active{

            cursor:grabbing !important;

        }



        .kp-layer-editor-field.open

        .kp-layer-object[data-type="text"]

        .kp-layer-text-content[contenteditable="true"]{

            cursor:text !important;

        }



        .kp-layer-editor-field.open .kp-layer-handle{

            cursor:nwse-resize;

        }

        .kp-layer-editor-field.open .kp-layer-handle.ne,

        .kp-layer-editor-field.open .kp-layer-handle.sw{

            cursor:nesw-resize;

        }

        .kp-layer-editor-field.open .kp-layer-rotate{

            cursor:grab;

        }

        .kp-layer-editor-field.open .kp-layer-crop,

        .kp-layer-editor-field.open .kp-layer-mini button{

            cursor:pointer;

        }



        .kp-post.kp-layer-inline-editing .kp-layer-object.selected{

            outline:3px solid #38bdf8 !important;

            outline-offset:1px !important;

        }



        .kp-post.kp-layer-inline-editing .kp-layer-object.selected .kp-layer-handle,

        .kp-post.kp-layer-inline-editing .kp-layer-object.selected .kp-layer-rotate,

        .kp-post.kp-layer-inline-editing .kp-layer-object.selected .kp-layer-mini{

            visibility:visible !important;

            opacity:1 !important;

            pointer-events:auto !important;

        }





        /* V15 - Uzun bas: Tools panelini açmadan doğrudan taşı/resize/rotate */

        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-inline-layer-host{

            padding:0 !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-editor-field{

            display:block !important;

            margin:0 !important;

            padding:0 !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-editor-field > label,

        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-toolbar,

        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-palette,

        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-help,

        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-inline-layer-actions{

            display:none !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-stage-wrap{

            display:block !important;

            visibility:visible !important;

            border:0 !important;

            border-radius:0 !important;

            margin:0 !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-stage{

            border-radius:0 !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-object.selected .kp-layer-handle,

        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-object.selected .kp-layer-rotate{

            display:block !important;

            visibility:visible !important;

            opacity:1 !important;

            pointer-events:auto !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-object.selected .kp-layer-rotate{

            display:flex !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit .kp-layer-object.selected .kp-layer-mini{

            display:none !important;

        }





        /* V16 - Hızlı text düzenleme */

        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit

        .kp-layer-text-content[contenteditable="true"]{

            cursor:text !important;

            caret-color:#ffffff !important;

            user-select:text !important;

            -webkit-user-select:text !important;

            outline:none !important;

        }



        .kp-post.kp-layer-inline-editing.kp-layer-quick-edit

        .kp-layer-object[data-type="text"].selected{

            cursor:text !important;

        }





        /* V17 - Yazı layer sisteminde eski Başlık/Açıklama formu ve legacy layer yok */

        .kp-inline-layer-host #titleField,

        .kp-inline-layer-host #descField,

        .kp-inline-layer-host #linkField{

            display:none !important;

        }





        /* V28 - Text çerçevesi yazıya tam oturur */

        .kp-layer-object[data-type="text"]{

            min-width:0 !important;

            min-height:0 !important;

        }



        .kp-layer-object[data-type="text"] .kp-layer-text-content{

            inset:0 !important;

            width:100% !important;

            height:100% !important;

            min-width:0 !important;

            min-height:0 !important;

            padding:10px !important;

            margin:0 !important;

            line-height:1.15 !important;

            box-sizing:border-box !important;

            overflow:visible !important;

            display:block !important;

            white-space:pre-wrap !important;

            word-break:break-word !important;

            overflow-wrap:anywhere !important;

        }





        /* V29 - Döndürülmüş/büyütülmüş yazıda kesilme ve reverse engeli */

        .kp-layer-object[data-type="text"]{

            overflow:visible !important;

        }



        .kp-layer-object[data-type="text"] .kp-layer-text-content{

            overflow:visible !important;

            clip-path:none !important;

            text-rendering:geometricPrecision;

        }





        /* V39 - Seçili layer çerçevesi: yazıyı gölgelemeyen çok ince dotted görünüm */

        .kp-layer-object.selected{

            outline:.5px dotted rgba(255,255,255,.24) !important;

            outline-offset:1px !important;

        }

        .kp-layer-object.selected .kp-layer-handle{

            background:rgba(255,255,255,.035) !important;

            border:.5px dotted rgba(255,255,255,.28) !important;

            box-shadow:none !important;

        }

        .kp-layer-object.selected .kp-layer-rotate{

            background:rgba(250,204,21,.10) !important;

            color:rgba(255,255,255,.52) !important;

            border:.5px dotted rgba(255,255,255,.28) !important;

            box-shadow:none !important;

        }



        /* V40 - Yazı düzenleme sırasında gerçek metin alanı her zaman tıklanabilir/focus alabilir */

        .kp-layer-object[data-type="text"] .kp-layer-text-content[contenteditable="true"]{

            position:absolute !important;

            inset:0 !important;

            z-index:10050 !important;

            pointer-events:auto !important;

            cursor:text !important;

            user-select:text !important;

            -webkit-user-select:text !important;

            touch-action:manipulation !important;

        }

        .kp-layer-object[data-type="text"]:has(.kp-layer-text-content[contenteditable="true"]) .kp-layer-handle,

        .kp-layer-object[data-type="text"]:has(.kp-layer-text-content[contenteditable="true"]) .kp-layer-rotate{

            z-index:10040 !important;

        }





        /* =========================================================

           KATMAN ARAÇLARI - AÇILIR SATIRLAR

           Orta yükleme satırı sürekli görünür. Yazı ve değiştirme

           satırları toggle ile normal akışta açılır ve canvası aşağı iter.

           ========================================================= */

        .kp-layer-toolbar{

            display:flex!important;

            flex-direction:column!important;

            align-items:stretch!important;

            flex-wrap:nowrap!important;

            gap:0!important;

            padding:3px!important;

            margin:3px 0!important;

        }

        .kp-layer-tool-group{

            width:100%;

            max-width:100%;

            margin-left:0!important;

            padding-left:0!important;

        }

        .kp-layer-tool-group + .kp-layer-tool-group::before{display:none!important}

        .kp-layer-tool-group-text{order:1}

        .kp-layer-tool-group-upload{

            order:2;

            flex-wrap:nowrap!important;

            width:max-content;

            max-width:100%;

            min-height:var(--kp-tool-h);

        }

        .kp-layer-tool-group-edit{order:3}



        .kp-layer-tool-group-text,

        .kp-layer-tool-group-edit{

            display:flex!important;

            flex-wrap:nowrap!important;

            overflow:hidden;

            max-height:0;

            min-height:0;

            opacity:0;

            visibility:hidden;

            pointer-events:none;

            transform:translateY(-4px);

            transition:max-height .24s cubic-bezier(.22,1,.36,1),

                       opacity .16s ease,

                       transform .24s cubic-bezier(.22,1,.36,1),

                       margin .24s cubic-bezier(.22,1,.36,1);

        }

        .kp-layer-tool-group-text.open,

        .kp-layer-tool-group-edit.open{

            max-height:calc(var(--kp-tool-h) + 8px);

            opacity:1;

            visibility:visible;

            pointer-events:auto;

            transform:translateY(0);

        }

        .kp-layer-tool-group-text.open{margin-bottom:4px!important}

        .kp-layer-tool-group-edit.open{margin-top:4px!important}



        .kp-layer-row-toggle{

            font-size:13px!important;

            font-weight:900!important;

            letter-spacing:-.2px;

        }

        .kp-layer-tool-group-upload .kp-layer-row-toggle-text{

            background:rgba(37,99,235,.24)!important;

            border-color:rgba(96,165,250,.45)!important;

        }

        .kp-layer-tool-group-upload .kp-layer-row-toggle-edit{

            background:rgba(124,58,237,.24)!important;

            border-color:rgba(167,139,250,.45)!important;

            font-size:17px!important;

        }

        .kp-layer-row-toggle.active{

            outline:2px solid rgba(255,255,255,.55)!important;

            outline-offset:-2px;

        }



        @media(max-width:640px){

            #uploadModal.kp-layer-mode{

                padding:0!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important

            }

            #uploadModal.kp-layer-mode>.kp-modal-box{

                width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;

                margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow-x:hidden!important;overflow-y:auto!important

            }

            #uploadModal.kp-layer-mode .kp-upload-top-row{

                gap:4px!important;margin:0!important;padding:0!important;width:100%!important

            }

            #uploadModal.kp-layer-mode .kp-upload-top-row .kp-visibility-select,

            #uploadModal.kp-layer-mode .kp-upload-top-row .kp-upload-top-submit,

            #uploadModal.kp-layer-mode .kp-upload-top-row .kp-close{

                min-height:44px!important;height:44px!important;border-radius:0!important

            }

            #uploadModal.kp-layer-mode .kp-layer-editor-field{margin:0!important;padding:0!important;width:100%!important}

            #uploadModal.kp-layer-mode .kp-layer-toolbar{padding:0!important;margin:0!important;border-left:0!important;border-right:0!important;border-radius:0!important}

            #uploadModal.kp-layer-mode .kp-layer-tool-group-upload{

                display:grid!important;grid-template-columns:repeat(13,minmax(0,1fr))!important;gap:2px!important;

                width:100%!important;max-width:100%!important;overflow:visible!important

            }

            #uploadModal.kp-layer-mode .kp-layer-tool-group-upload .kp-layer-tool{

                width:100%!important;min-width:0!important;height:34px!important;padding:0!important;font-size:11px!important;border-radius:3px!important

            }

            #uploadModal.kp-layer-mode .kp-layer-tool-group-upload .kp-layer-music-tool{width:100%!important;min-width:0!important}

            #uploadModal.kp-layer-mode .kp-layer-tool-group-upload .kp-music-clef-icon{width:28px!important;height:24px!important}

            #uploadModal.kp-layer-mode .kp-layer-stage-wrap{

                width:100%!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:0!important

            }

            #uploadModal.kp-layer-mode .kp-layer-object.selected[data-type="video"] .kp-layer-mini{

                bottom:150px!important

            }

        }





/* MOD7 - Layer text placeholder: gerçek içerik değildir. */

.kp-layer-text-content.kp-layer-placeholder:empty::before{

    content:"Buraya yazın";

    opacity:.42;

    font-size:calc(1em + 2px);

    font-weight:400;

    pointer-events:none;

}













/* MOD19 - Resim layer: tam ortalı, layer genişliği kadar, yükseklik oranlı. */

.kp-layer-object[data-type="image"] .kp-layer-media-viewport{

    position:absolute!important;

    inset:0!important;

    overflow:hidden!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

}



.kp-layer-object[data-type="image"] img,

.kp-layer-object[data-type="image"] .kp-layer-edit-media,

.kp-layer-object[data-type="image"] .kp-layer-render-media,

.kp-layer-object img.kp-layer-media{

    position:relative!important;

    left:auto!important;

    top:auto!important;

    width:100%!important;

    height:auto!important;

    max-width:100%!important;

    max-height:none!important;

    object-fit:contain!important;

    object-position:center center!important;

    display:block!important;

    margin:auto!important;

    inset:auto!important;

    transform-origin:center center!important;

    pointer-events:none;

}



        .kp-layer-mini button.is-active{

            background:#1d4ed8;

            box-shadow:0 0 0 2px rgba(255,255,255,.22),0 4px 18px rgba(29,78,216,.38)

        }

        .kp-layer-mini button.kp-mini-text-btn{

            font-size:24px;

            font-weight:900;

            letter-spacing:.6px

        }





/* MOD23L - Sabit video: layer sabit, video içten ölçeklenir */

.kp-fixed-video-scale-box{display:none;position:absolute;box-sizing:border-box;border:3px dashed rgba(56,189,248,.95);pointer-events:none;z-index:10022}

.kp-layer-object.selected[data-type="video"] .kp-fixed-video-scale-box{display:block}

.kp-fixed-video-handle{position:absolute;width:34px;height:34px;border-radius:50%;background:#fff;border:4px solid #0284c7;box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:auto;touch-action:none}

.kp-fixed-video-handle.nw{left:-17px;top:-17px;cursor:nwse-resize}

.kp-fixed-video-handle.ne{right:-17px;top:-17px;cursor:nesw-resize}

.kp-fixed-video-handle.sw{left:-17px;bottom:-17px;cursor:nesw-resize}

.kp-fixed-video-handle.se{right:-17px;bottom:-17px;cursor:nwse-resize}





/* MOD23M - Sabit video: görünmeyen tam-frame siyah kutu yok. */

.kp-layer-object[data-fixed-frame="1"],

.kp-layer-object[data-fixed-frame="1"] .kp-layer-media-viewport{

    background:transparent!important;

}

.kp-layer-object[data-fixed-frame="1"] video.kp-video,

.kp-layer-object[data-fixed-frame="1"] video.kp-layer-edit-media{

    background:transparent!important;

}





        /* MOD23Z - Post üst bilgi + sayaçlar 2 sn sonra gizlenir; hover/dokunmada görünür. */

        .kp-post .kp-post-top,

        .kp-post .kp-stats-strip{

            opacity:0;

            visibility:hidden;

            transition:opacity .22s ease, visibility 0s linear .22s;

            will-change:opacity;

        }

        .kp-post.kp-post-ui-visible .kp-post-top,

        .kp-post.kp-post-ui-visible .kp-stats-strip,

        .kp-post:hover .kp-post-top,

        .kp-post:hover .kp-stats-strip,

        .kp-post:focus-within .kp-post-top,

        .kp-post:focus-within .kp-stats-strip{

            opacity:1;

            visibility:visible;

            transition:opacity .22s ease, visibility 0s linear 0s;

        }

        @media (hover:none), (pointer:coarse){

            .kp-post:hover .kp-post-top,

            .kp-post:hover .kp-stats-strip{

                opacity:0;

                visibility:hidden;

            }

            .kp-post.kp-post-ui-visible .kp-post-top,

            .kp-post.kp-post-ui-visible .kp-stats-strip,

            .kp-post:focus-within .kp-post-top,

            .kp-post:focus-within .kp-stats-strip{

                opacity:1;

                visibility:visible;

            }

        }





/* MOD23AB - Sabit video paylaşım geometrisi + mobil video kısayolları */

.kp-layer-render-object.kp-layer-render-fixed-video{

    overflow:hidden !important;

}

.kp-layer-render-object.kp-layer-render-fixed-video > video.kp-layer-render-media{

    object-fit:contain !important;

    object-position:center center !important;

    background:transparent !important;

}



/*

 * Mobil uzun-bas / quick-edit modunda eski V15 kuralı mini video araçlarını

 * tamamen saklıyordu. Video seçiliyken araçlar videonun içinde görünür kalır.

 */

@media(max-width:640px), (hover:none), (pointer:coarse){

    .kp-post.kp-layer-inline-editing.kp-layer-quick-edit

    .kp-layer-object.selected[data-type="video"] .kp-layer-mini,

    .kp-layer-editor-field.open

    .kp-layer-object.selected[data-type="video"] .kp-layer-mini{

        display:flex !important;

        visibility:visible !important;

        opacity:1 !important;

        pointer-events:auto !important;

        left:50% !important;

        right:auto !important;

        bottom:34px !important;

        top:auto !important;

        transform:translateX(-50%) !important;

        z-index:10050 !important;

        gap:10px !important;

    }



    .kp-layer-object.selected[data-type="video"] .kp-layer-mini button{

        width:84px !important;

        height:84px !important;

        min-width:84px !important;

        min-height:84px !important;

        font-size:32px !important;

        flex:0 0 84px !important;

    }

}