/* 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}
/* 28 · Starting screen, palette, chat and goal makers. */
.kzt3-label{margin:0 0 10px;color:var(--kz-text);font:700 13px Inter,system-ui,sans-serif}
.kzt3-card{min-width:0;padding:15px;border:1px solid var(--kz-line);border-radius:10px;background:linear-gradient(145deg,var(--kz-card),var(--kz-card))}
.kzt3-starting .kzt3-maker,.kzt3-chat .kzt3-maker,.kzt3-goal .kzt3-maker{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:12px;align-items:start;margin:0}.kzt3-starting .kzt3-maker>.panel,.kzt3-chat .kzt3-maker>.panel,.kzt3-goal .kzt3-maker>.panel{order:1;max-height:none}.kzt3-starting .kzt3-maker>.kzt3-stage,.kzt3-chat .kzt3-maker>.kzt3-stage,.kzt3-goal .kzt3-maker>.kzt3-stage{order:2;min-width:0;padding:14px;border:1px solid var(--kz-line);border-radius:10px;background:linear-gradient(145deg,var(--kz-card),var(--kz-card))}
.kzt3-starting .kzt3-stage>.prev{margin:0;padding:0;border:0;background:none}.kzt3-starting .kzt3-stage canvas{width:100%;height:auto;border:1px solid var(--kz-line);border-radius:7px}.kzt3-starting .kzt3-stage #hint{text-align:left;margin:6px 0 12px}.kzt3-starting .kzt3-starting-options{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1fr);gap:10px;padding-top:9px;border-top:1px solid var(--kz-line)}.kzt3-starting .kzt3-starting-options .exp{grid-column:1/-1;margin:0;display:flex;gap:8px}.kzt3-starting .kzt3-starting-options .exp button{flex:1;min-height:40px;margin:0}.kzt3-starting .kzt3-starting-options .exp .webm{background:linear-gradient(120deg,#ffdc78,#f7bf42);color:#1a1422}.kzt3-starting .kzt3-maker>.panel .modes{grid-template-columns:repeat(3,minmax(0,1fr))}.kzt3-starting .kzt3-maker>.panel .modes button.on,.kzt3-starting .kzt3-maker>.panel .seg button.on{background:var(--kz-card-2);box-shadow:inset 0 0 0 1px #f4c14b;color:var(--kz-gold)}
.kzt3-palette .kzt3-palette-card{margin:0;padding:0;border:0;background:none}.kzt3-palette .kzt3-palette-top{display:grid;grid-template-columns:minmax(240px,1fr) minmax(230px,.8fr) minmax(230px,.75fr);gap:12px;align-items:stretch;margin:0 0 13px}.kzt3-palette .kzt3-palette-top input[type=color]{display:block;width:100%;height:135px;border:1px solid var(--kz-line);border-radius:9px;padding:0}.kzt3-palette .kzt3-base-hex{display:block;margin-top:10px;font:700 17px ui-monospace,Menlo,monospace}.kzt3-palette .kzt3-mode .seg{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;min-width:0;margin:0 0 10px}.kzt3-palette .kzt3-mode .seg button{min-height:38px}.kzt3-palette .kzt3-mode .seg button.on{background:var(--kz-card-2);border-color:#f4c14b;color:var(--kz-gold)}.kzt3-palette .kzt3-mode .rnd,.kzt3-palette .kzt3-mode .copy{display:inline-block;width:calc(50% - 4px);min-height:36px;margin:0 2px 0 0;padding:8px 3px;font-size:11px}.kzt3-palette .kzt3-mode .copy{background:var(--kz-card-3);border:1px solid var(--kz-line);color:var(--kz-text)}.kzt3-palette .kzt3-role-list{display:grid;gap:5px}.kzt3-palette .kzt3-role{display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 8px;border:1px solid var(--kz-line);border-radius:7px;background:var(--kz-card);color:var(--kz-text);font-size:11px}.kzt3-palette .kzt3-role-dot{width:18px;height:18px;flex:none;border-radius:6px;background:var(--role)}.kzt3-palette .kzt3-palette-label{margin:0 0 9px}.kzt3-palette .pal{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.kzt3-palette .sw{height:125px;padding:8px}.kzt3-palette .sw b{font-size:11px}
.kzt3-chat .kzt3-stage,.kzt3-goal .kzt3-stage{min-height:330px}.kzt3-chat .kzt3-stage>.prev{height:295px;margin:0;padding:34px 8px 8px}.kzt3-chat .kzt3-stage .kzt3-label,.kzt3-goal .kzt3-stage .kzt3-label{position:absolute;z-index:2;top:10px;left:12px}.kzt3-chat .kzt3-stage>.prev,.kzt3-goal .kzt3-stage>.prev{position:relative}.kzt3-chat .kzt3-stage .cb-box{top:35px}.kzt3-chat .kzt3-stage .cb-row{padding:3px 7px}.kzt3-chat .kzt3-stage #status{font-size:11px}.kzt3-chat .kzt3-maker>.panel .obsrow input,.kzt3-goal .kzt3-maker>.panel .obsrow input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.kzt3-chat .kzt3-maker>.panel .obsrow button,.kzt3-goal .kzt3-maker>.panel .obsrow button{width:100%;min-height:39px}.kzt3-chat .kzt3-maker>.panel .obs,.kzt3-goal .kzt3-maker>.panel .obs{background:linear-gradient(115deg,#7538e6,#a050f8)}
.kzt3-goal .kzt3-stage{min-height:210px}.kzt3-goal .kzt3-stage>.prev{min-height:150px;padding:43px 20px 20px}.kzt3-goal .kzt3-stage .gb{max-width:none}.kzt3-goal .kzt3-stage .gb-top{gap:7px}.kzt3-goal .kzt3-stage .gb-label{flex:1}.kzt3-goal .kzt3-goal-percent{font-size:14px;font-weight:800;color:var(--kz-gold)}.kzt3-goal .kzt3-maker>.panel .demo{margin:6px 0 13px}.kzt3-goal .kzt3-maker>.panel .demo input{width:100%}
html[data-theme=light] .kzt3-card,html[data-theme=light] .kzt3-maker>.kzt3-stage{background:#fff;color:#30243c;border-color:#d5cbe0}html[data-theme=light] .kzt3-label{color:#30243c}
@media(max-width:1050px){.kzt3-palette .kzt3-palette-top{grid-template-columns:1fr 1fr}.kzt3-palette .kzt3-palette-preview{grid-column:1/-1}}
@media(max-width:760px){.kzt3-starting .kzt3-maker,.kzt3-chat .kzt3-maker,.kzt3-goal .kzt3-maker,.kzt3-palette .kzt3-palette-top{grid-template-columns:1fr}.kzt3-palette .kzt3-palette-preview{grid-column:auto}.kzt3-palette .pal{grid-template-columns:repeat(3,minmax(0,1fr))}.kzt3-starting .kzt3-starting-options{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.kzt3-starting .kzt3-starting-options{grid-template-columns:1fr}.kzt3-starting .kzt3-starting-options .exp{grid-column:auto}.kzt3-palette .pal{grid-template-columns:repeat(2,minmax(0,1fr))}.kzt3-goal .kzt3-stage .gb-label{font-size:16px}.kzt3-goal .kzt3-stage .gb-num,.kzt3-goal .kzt3-stage .kzt3-goal-percent{font-size:12px}}
.kzt3-chat .kzt3-stage .status:not(.on){display:none}