/* Kuzgun token'ları (site/araç sayfaları data-theme kullanır; panelde kuzgun-home.css tanımlar) */
:root{--kz-bg:#1d1a27;--kz-card:#25212f;--kz-card-2:#2b2634;--kz-card-3:#332d3e;--kz-line:#44374f;--kz-text:#f6f1eb;--kz-muted:#bdb4c6;--kz-gold:#f2c879;--kz-lilac:#c49df7}
html[data-theme=light]{--kz-bg:#f5f2f8;--kz-card:#ffffff;--kz-card-2:#f3eff6;--kz-card-3:#ebe6f0;--kz-line:#dbd0e3;--kz-text:#282130;--kz-muted:#6d6275;--kz-gold:#946012;--kz-lilac:#7844ba;--red:#E11D48;--warn:#B45309;--ok:#0E9F6E}
html[data-theme=light] :is(.kzt-art,.kzl-stage,.kzl-chat-preview,.kzl-overlay-preview,.kzl-webcam-art,.kzl-emote-art,.kzl-bitrate-art){--kz-bg:#1d1a27;--kz-card:#25212f;--kz-card-2:#2b2634;--kz-card-3:#332d3e;--kz-line:#44374f;--kz-text:#f6f1eb;--kz-muted:#bdb4c6;--kz-gold:#f2c879;--kz-lilac:#c49df7}
/* Pafta 38 · 31 araç erişimi */
body:has(#kzsTools){background:var(--kz-bg);color:var(--kz-text)}
body:has(#kzsTools)>.bg-layer{display:none!important}
body:has(#kzsTools) #nav{position:relative;top:auto;left:auto;right:auto;max-width:1450px;margin:auto;padding:16px 34px 12px;pointer-events:auto;background:var(--kz-bg);border:1px solid var(--kz-line);border-bottom:0}
body:has(#kzsTools) nav.nav-pill .nav-logo{background:none;border-color:transparent;box-shadow:none;padding:.3rem}
body:has(#kzsTools) nav.nav-pill .nav-logo-text{color:var(--kz-text);text-shadow:none}
body:has(#kzsTools) nav.nav-pill .nav-links{opacity:1;pointer-events:auto;transform:none}
body:has(#kzsTools) #nav .logo-icon-wrap{width:45px;height:45px;border-radius:11px;background:var(--kz-card-3) url('/icon-192.png?v=3') center/cover no-repeat;box-shadow:0 0 17px #7b43c34b}
body:has(#kzsTools) #nav .logo-icon-wrap svg{display:none}
body:has(#kzsTools) #nav .nav-logo-text{font:700 22px/1 'Space Grotesk',Inter,sans-serif;color:var(--kz-text);text-transform:lowercase;letter-spacing:-.7px;text-shadow:none}
body:has(#kzsTools) #nav .nav-links{gap:22px}
body:has(#kzsTools) #nav .nav-links a{color:var(--kz-text);text-shadow:none;font-size:12px;padding:0 0 8px}
body:has(#kzsTools) #nav .nav-links a:hover{color:var(--kz-text)}
body:has(#kzsTools) #nav .nav-links a[href="/tr/tools/"]{color:var(--kz-text);border-bottom:2px solid #fbd064}
body:has(#kzsTools) #nav .btn-login,body:has(#kzsTools) nav.nav-pill .btn-login{padding:8px 15px;border:1px solid #ffcc64;border-radius:8px;background:linear-gradient(110deg,#ffe184,#ffc44f);color:#1a1422;font:700 12px Inter,sans-serif;box-shadow:none}
body:has(#kzsTools) #nav .bv-theme-btn{width:30px;height:30px;border-color:var(--kz-line);background:var(--kz-card-2);color:var(--kz-text)}
body:has(#kzsTools) #nav .bv-theme-btn svg{width:15px;height:15px}
body:has(#kzsTools)>footer{max-width:1450px;margin:auto;border:1px solid var(--kz-line);border-top:0;background:var(--kz-bg);color:var(--kz-muted);font-size:11px}
body:has(#kzsTools)>footer a{color:var(--kz-muted)}
body:has(#kzsTools)>footer .bvlang{margin-left:16px}
#kzsTools{max-width:1450px;min-height:790px;margin:auto;padding:30px 34px 29px;border:1px solid var(--kz-line);border-top:0;background:radial-gradient(circle at 80% -10%,#33203955,transparent 35%),var(--kz-bg)}
.kzt-hero{padding:8px 0 17px;text-align:left}
.kzt-hero h1{margin:0 0 3px;color:var(--kz-text);font:780 clamp(37px,4.2vw,58px)/1.08 Inter,sans-serif;letter-spacing:-1.6px}
.kzt-hero p{margin:0;color:var(--kz-muted);font-size:25px;line-height:1.25}
.kzt-controls{max-width:100%}
.kzt-search{display:flex;align-items:center;gap:12px;max-width:800px;height:46px;padding:0 15px;border:1px solid var(--kz-line);border-radius:8px;background:var(--kz-card);color:var(--kz-lilac)}
.kzt-search input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--kz-text);font:13px Inter,sans-serif}
.kzt-search input::placeholder{color:#aea2bb}
.kzt-filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 16px}
.kzt-filters button{min-height:34px;padding:7px 17px;border:1px solid var(--kz-line);border-radius:20px;background:var(--kz-card);color:var(--kz-text);font:600 12px Inter,sans-serif;cursor:pointer}
.kzt-filters button:hover{border-color:#b98adb;color:var(--kz-text)}
.kzt-filters button[aria-pressed=true]{border-color:#e0b94d;background:var(--kz-card-2);color:var(--kz-gold)}
.kzt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#kzsTools .tool{display:flex;flex-direction:column;min-width:0;min-height:257px;margin:0;padding:12px;border:1px solid var(--kz-line);border-radius:9px;background:var(--kz-card);color:var(--kz-text);box-shadow:0 8px 18px #0c0a1340;transition:transform .2s,border-color .2s}
#kzsTools .tool:hover{border-color:#b982e1;transform:translateY(-2px)}
#kzsTools .tool[hidden]{display:none!important}
.kzt-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:119px;overflow:hidden;border:1px solid #393244;border-radius:6px;background:radial-gradient(circle at center,#49305c,#1c1923 70%)}
.kzt-card-body{display:flex;flex-direction:column;flex:1;padding:10px 3px 0}
#kzsTools .tool h3{margin:0 0 4px;color:var(--kz-text);font:750 16px/1.2 Inter,sans-serif}
#kzsTools .tool p{min-height:31px;margin:0 0 9px;color:var(--kz-muted);font-size:12px;line-height:1.3}
.kzt-open{display:flex;align-items:center;justify-content:center;gap:9px;min-height:33px;margin-top:auto;border:1px solid #e7ba50;border-radius:6px;color:var(--kz-gold);font-size:12px;font-weight:750}
.kzt-open b{font-size:18px;font-weight:500;line-height:1}
.kzt-more{display:block;margin:14px auto 0;padding:9px 24px;border:0;background:none;color:var(--kz-lilac);font:700 13px Inter,sans-serif;cursor:pointer}
.kzt-more:hover{text-decoration:underline}
.kzt-more[hidden],.kzt-empty[hidden]{display:none}
.kzt-empty{padding:25px;text-align:center;color:var(--kz-muted);font-size:13px}
.kzt-webcam .kzt-frame{position:relative;width:72%;height:80px;border:4px solid #a451e6;border-radius:10px;box-shadow:0 0 0 3px #edc769,0 0 24px #a24ee782;background:radial-gradient(circle,var(--kz-card-2),var(--kz-bg));overflow:hidden}
.kzt-person{position:absolute;left:50%;bottom:-22px;width:42px;height:65px;transform:translateX(-50%);border-radius:50% 50% 8px 8px;background:var(--kz-bg);box-shadow:0 0 18px #7d5782}
.kzt-webcam i{position:absolute;right:3px;bottom:4px;padding:1px 4px;border-radius:4px;background:#18151ccc;color:var(--kz-text);font-size:8px;font-style:normal}
.kzt-webcam i:first-letter{color:var(--red)}
.kzt-banner{background:linear-gradient(128deg,var(--kz-bg) 11%,var(--kz-card-2) 43%,var(--kz-bg) 70%)}
.kzt-banner:before,.kzt-banner:after{content:'';position:absolute;width:150px;height:150px;border:1px solid #8051a450;border-radius:50%;transform:rotate(25deg)}
.kzt-banner:before{left:-100px;top:-65px}.kzt-banner:after{right:-95px;bottom:-90px}
.kzt-banner strong{z-index:1;color:var(--kz-text);font-size:20px;letter-spacing:1px}
.kzt-emote{gap:8px;background:var(--kz-bg)}
.kzt-emote span{display:grid;place-items:center;width:25%;height:70px;border:1px solid var(--kz-line);border-radius:7px;background:var(--kz-card-2);color:var(--kz-lilac);font-size:43px;line-height:1}
.kzt-emote span:last-child{color:var(--kz-gold)}
.kzt-chat{flex-direction:column;align-items:stretch;gap:3px;padding:9px 13px;background:var(--kz-bg)}
.kzt-chat span{padding:4px 7px;border:1px solid var(--kz-line);border-radius:4px;color:var(--kz-text);font-size:10px}
.kzt-chat b{margin-right:4px;color:var(--kz-gold)}
.kzt-chat span:first-child b,.kzt-chat span:last-child b{color:var(--kz-lilac)}
.kzt-wheel{background:radial-gradient(circle,var(--kz-card-2),var(--kz-bg) 65%)}
.kzt-wheel:before{content:'';width:102px;height:102px;border:3px solid #ffd06a;border-radius:50%;background:conic-gradient(#8b51d0 0 16%,#ce98f0 16% 28%,var(--kz-card-3) 28% 40%,#9b5fde 40% 56%,var(--kz-card-2) 56% 69%,#bd83e7 69% 83%,#7142a4 83%)}
.kzt-wheel:after{content:'';position:absolute;top:3px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:19px solid #ffce66}
.kzt-wheel span{position:absolute;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--kz-card);color:var(--kz-gold);font-size:18px}
.kzt-bitrate{background:var(--kz-bg)}
.kzt-bitrate svg{position:absolute;left:5%;bottom:13px;width:66%;height:75%;overflow:visible}
.kzt-bitrate polyline{fill:none;stroke:#af6ce7;stroke-width:3;filter:drop-shadow(0 4px 6px #a65de38a)}
.kzt-bitrate span{position:absolute;right:9px;bottom:18px;padding:8px;border:1px solid var(--kz-line);border-radius:5px;background:var(--kz-card-2);color:var(--kz-muted);font-size:9px}
.kzt-bitrate b{color:var(--kz-text);font-size:12px}
.kzt-generic{background:radial-gradient(circle at 50% 45%,var(--kz-card-3),var(--kz-bg) 65%)}
.kzt-generic span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #8e5db5;border-radius:14px;background:var(--kz-card-3);color:var(--kz-lilac);font:750 18px Inter,sans-serif}
html[data-theme=light] body:has(#kzsTools){background:#f1edf5;color:#33253c}
html[data-theme=light] body:has(#kzsTools) #nav,html[data-theme=light] #kzsTools{background:#f1edf5}
html[data-theme=light] body:has(#kzsTools) #nav .nav-logo-text,html[data-theme=light] body:has(#kzsTools) #nav .nav-links a{color:#392945}
html[data-theme=light] .kzt-hero h1{color:#33243d}
html[data-theme=light] .kzt-hero p{color:#795a87}
html[data-theme=light] #kzsTools .tool{background:#fff;border-color:#d5c6de}
html[data-theme=light] #kzsTools .tool h3{color:#33243d}
html[data-theme=light] #kzsTools .tool p{color:#6d5b77}
html[data-theme=light] .kzt-search,html[data-theme=light] .kzt-filters button{background:#fff;color:#44354f}
html[data-theme=light] .kzt-search input{color:#33243d}
.kzs-nav-toggle{display:none;width:35px;height:35px;padding:8px;border:1px solid var(--kz-line);border-radius:8px;background:var(--kz-card);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.kzs-nav-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#e9d9f3}
@media(max-width:900px){body:has(#kzsTools) #nav{padding:14px 18px 10px}body:has(#kzsTools) #nav .nav-links{gap:12px}#kzsTools{padding:25px 18px}.kzt-grid{gap:10px}#kzsTools .tool{padding:10px}}
@media(max-width:760px){body:has(#kzsTools) #nav .nav-links{display:none}.kzs-nav-toggle{display:flex;order:2;margin-left:auto}#nav:has(.kzs-nav-toggle) .nav-actions{order:3}#nav.kzs-menu-open .nav-links{display:flex!important;position:absolute;z-index:100;top:calc(100% - 1px);left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0!important;padding:7px;border:1px solid var(--kz-line);border-radius:10px;background:var(--kz-card);box-shadow:0 18px 34px #0b0712a6;opacity:1!important;pointer-events:auto!important;transform:none!important}#nav.kzs-menu-open .nav-links li{width:100%}#nav.kzs-menu-open .nav-links a{display:block;padding:10px 12px!important;color:var(--kz-text)!important;border-bottom:0!important}#nav.kzs-menu-open .nav-links a:hover{background:var(--kz-card-3);border-radius:6px}#kzsTools{padding:24px 13px}.kzt-hero h1{font-size:39px}.kzt-hero p{font-size:20px}.kzt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#kzsTools .tool{min-height:225px}.kzt-art{min-height:90px}}
@media(max-width:520px){.kzt-grid{grid-template-columns:1fr}.kzt-hero h1{font-size:34px}#kzsTools .tool{min-height:0}.kzt-art{min-height:120px}}
@media(max-width:430px){body:has(#kzsTools) #nav{padding:10px}body:has(#kzsTools) #nav .logo-icon-wrap{width:40px;height:40px}body:has(#kzsTools) #nav .nav-logo-text{font-size:19px}}
