/* 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}
/* 26 · Four visual maker tools; keep their original canvases and controls. */
body.kz-tool-workspace{background:var(--kz-bg);color:var(--kz-text)}
.kz-tool-workspace .hero{display:none!important}
.kz-tool-workspace main.wrap{max-width:1500px;width:100%;padding:12px 18px 30px}
.kzt-head{display:flex;align-items:center;gap:18px;min-height:68px;margin:0 0 12px;padding:0 3px 12px;border-bottom:1px solid var(--kz-line);font:13px/1.4 Inter,system-ui,sans-serif}
.kzt-brand{display:flex;align-items:center;gap:10px;flex:none;min-width:190px}.kzt-brand img{width:48px;height:48px;border-radius:12px;box-shadow:0 0 20px #814fd744}.kzt-brand strong{font-size:22px;letter-spacing:-.7px;color:var(--kz-text)}.kzt-head-copy{min-width:0;flex:1}.kzt-head h1{margin:0;color:var(--kz-text);font:700 clamp(23px,2.3vw,31px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.8px}.kzt-head p{margin:3px 0 0;color:var(--kz-muted);font-size:12px}.kzt-badge{flex:none;padding:8px 12px;border:1px solid var(--kz-line);border-radius:9px;background:var(--kz-card-3);color:var(--kz-text);white-space:nowrap;font-size:12px}
.kz-tool-workspace .maker{display:grid;grid-template-columns:minmax(310px,.68fr) minmax(0,1fr);align-items:start;gap:12px;margin:0}.kz-tool-workspace .maker>.panel,.kz-tool-workspace .maker>.panelctl{order:1;min-width:0;max-height:none;margin:0;padding:15px;border:1px solid var(--kz-line);border-radius:10px;background:linear-gradient(145deg,var(--kz-card),var(--kz-card))}.kz-tool-workspace .maker>.prev{order:2;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;min-width:0;min-height:390px;margin:0;padding:13px;border:1px solid var(--kz-line);border-radius:10px;background:linear-gradient(145deg,var(--kz-card),var(--kz-card))}
.kzt-preview-title{margin:0 0 10px;color:var(--kz-text);font:700 13px Inter,system-ui,sans-serif}.kzt-canvas-wrap{display:grid;place-items:center;min-width:0;min-height:200px;padding:7px;border:1px solid var(--kz-line);border-radius:8px;background:var(--kz-bg)}.kzt-canvas-wrap canvas{display:block;max-width:100%;height:auto;margin:auto}.kzt-webcam .kzt-canvas-wrap{background:var(--kz-bg) url('/kuzgun-welcome-landscape.webp') center/cover no-repeat}.kzt-webcam .kzt-canvas-wrap canvas{max-height:455px}.kzt-panel .kzt-canvas-wrap{min-height:160px;background:var(--kz-bg)}.kzt-panel .kzt-canvas-wrap canvas{width:min(100%,320px)!important;max-width:320px!important}.kzt-panel-second{margin-top:15px}.kzt-panel-second canvas{display:block;width:100%;height:auto;border:1px solid var(--kz-line);border-radius:8px;background:var(--kz-bg)}
.kzt-actions{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px}.kzt-actions>.dl,.kzt-actions>.dl2,.kzt-actions>.dlbtn{width:auto;min-width:185px;max-width:100%;min-height:45px;flex:1;margin:0;padding:10px 15px;border-radius:7px;font-weight:750}.kzt-actions>.dl,.kzt-actions>.dlbtn{background:linear-gradient(120deg,#ffdc78,#f7bf42);color:#1a1422}.kzt-actions>.dl2{background:var(--kz-card-3);border:1px solid var(--kz-line);color:var(--kz-text)}.kzt-actions>.hint{flex-basis:100%;margin:1px 0 0;color:var(--kz-muted);text-align:center}
.kz-tool-workspace .maker .fld label,.kz-tool-workspace .maker .cc{color:var(--kz-text);font-weight:600}.kz-tool-workspace .maker input[type=text],.kz-tool-workspace .maker select{border-color:var(--kz-line);background:var(--kz-card);color:var(--kz-text)}.kz-tool-workspace .maker input[type=range],.kz-tool-workspace .maker input[type=checkbox]{accent-color:#a36be7}.kz-tool-workspace .maker .seg{border-color:var(--kz-line);background:var(--kz-card)}.kz-tool-workspace .maker .seg button{color:var(--kz-text)}.kz-tool-workspace .maker .seg button.on{background:var(--kz-card-2);box-shadow:inset 0 0 0 1px #f4c14b;color:var(--kz-gold)}.kz-tool-workspace .maker button:focus-visible,.kz-tool-workspace .maker input:focus-visible,.kz-tool-workspace .maker select:focus-visible{outline:2px solid #f6c954;outline-offset:2px}
.kz-tool-workspace .presets button{border-color:var(--kz-line)}.kz-tool-workspace .panel .chk,.kz-tool-workspace .panelctl .chk{color:var(--kz-text)}
html[data-theme=light] .kzt-head h1,html[data-theme=light] .kzt-preview-title{color:#30243c}html[data-theme=light] .kzt-head p{color:#6c5b79}html[data-theme=light] .kz-tool-workspace .maker>.panel,html[data-theme=light] .kz-tool-workspace .maker>.panelctl,html[data-theme=light] .kz-tool-workspace .maker>.prev{background:#fff;color:#30243c;border-color:#d5cbe0}html[data-theme=light] .kz-tool-workspace .maker .fld label{color:#51425f}
@media(max-width:850px){.kzt-brand{min-width:0}.kzt-brand strong{font-size:16px}.kzt-brand img{width:40px;height:40px}.kzt-head h1{font-size:23px}.kz-tool-workspace .maker{grid-template-columns:1fr}.kz-tool-workspace .maker>.prev{min-height:0}}
@media(max-width:540px){.kz-tool-workspace main.wrap{padding:10px 10px 24px}.kzt-head{flex-wrap:wrap;gap:8px}.kzt-brand{width:100%}.kzt-head-copy{flex-basis:100%;order:2}.kzt-badge{order:1;margin-left:auto;padding:5px 8px;font-size:10px}.kzt-head h1{font-size:22px}.kzt-head p{font-size:11px}.kz-tool-workspace .maker>.panel,.kz-tool-workspace .maker>.panelctl,.kz-tool-workspace .maker>.prev{padding:11px}.kzt-actions>.dl,.kzt-actions>.dl2,.kzt-actions>.dlbtn{width:100%;flex-basis:100%}}
/* araç sayfalarının sayfa içi .content p{color:#cdc6da} kuralı açık temada okunmuyor */
html[data-theme=light] body .content p,html[data-theme=light] body .content li{color:var(--kz-muted)}
html[data-theme=light] body .content strong,html[data-theme=light] body .content h2,html[data-theme=light] body .content h3{color:var(--kz-text)}