/* 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}
/* 27 · Badge, emote, Stream Deck and lower-third maker workspaces. */
.kzt2-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))}
.kzt2-section-title{margin:0 0 11px;color:var(--kz-text);font:700 13px Inter,system-ui,sans-serif}
.kzt2-badge-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:12px;align-items:stretch}
.kzt2-badge-controls .ctl{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;background:none;border:0}.kzt2-badge-controls .ctl>.kzt2-section-title{margin-bottom:-10px}
.kzt2-badge-controls #shape{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.kzt2-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.kzt2-icon-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:5px 2px;border:1px solid var(--kz-line);border-radius:9px;background:var(--kz-card-3);color:var(--kz-text);cursor:pointer}.kzt2-icon-option span{font-size:26px;line-height:1;color:var(--kz-lilac)}.kzt2-icon-option small{font:500 10px Inter,system-ui,sans-serif;white-space:nowrap}.kzt2-icon-option.on{border-color:#f6c954;box-shadow:inset 0 0 0 1px #f6c954}.kzt2-icon-option.on span{color:var(--kz-gold)}
.kzt2-badge-controls #theme{max-width:100%}.kzt2-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:3px}.kzt2-swatch{width:27px;height:27px;padding:0;border:0;border-radius:50%;background:var(--swatch);cursor:pointer}.kzt2-swatch.on{outline:2px solid #fff;outline-offset:3px}
.kzt2-badge-controls .chk{margin:0}.kzt2-badge-output .ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}.kzt2-badge-output .bg{min-width:0;padding:8px 2px;border:0;background:transparent}.kzt2-badge-output .bg .pv{background:none;padding:2px}.kzt2-badge-output .bg .t{margin:2px 0 4px}.kzt2-badge-output .bg button{padding:3px 7px}.kzt2-platforms{margin:12px 0 10px;padding:10px;border:1px solid var(--kz-line);border-radius:8px;font-size:11px;color:var(--kz-muted)}.kzt2-platforms>div{margin-bottom:7px;color:var(--kz-text);font-weight:700}.kzt2-platforms p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:5px 3px;border-top:1px solid var(--kz-line)}.kzt2-platforms b{color:var(--kz-text)}.kzt2-badge-output #all{width:min(100%,320px);min-height:42px;margin:10px 0 0;background:linear-gradient(120deg,#ffdc78,#f7bf42);color:#1a1422;font-weight:750}
.kzt2-emote-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(230px,1fr) minmax(260px,1.1fr);gap:12px;align-items:stretch}.kzt2-emote-input .seg{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.kzt2-emote-input .seg button{padding:7px 9px;font-size:11px}.kzt2-emote-input #drop{display:grid;place-content:center;min-height:270px;margin:0;padding:18px}.kzt2-emote-input .kzt2-sample{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid #655474;border-radius:8px;background:var(--kz-card-3);color:var(--kz-text);font:600 12px Inter,system-ui,sans-serif;cursor:pointer}.kzt2-emote-preview{display:flex;flex-direction:column}.kzt2-emote-image{display:block;width:min(100%,330px);aspect-ratio:1;object-fit:contain;align-self:center;margin:auto;border-radius:7px;background-color:#c5bed4;background-image:linear-gradient(45deg,#e5dfec 25%,transparent 25%),linear-gradient(-45deg,#e5dfec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5dfec 75%),linear-gradient(-45deg,transparent 75%,#e5dfec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.kzt2-emote-sizes #out{display:block!important;margin:0}.kzt2-emote-sizes .sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kzt2-emote-sizes .sz{min-width:0;padding:8px 3px}.kzt2-emote-sizes .sz .pv{padding:2px}.kzt2-emote-sizes .sz .pv canvas{max-width:100%;height:auto}.kzt2-emote-sizes .sz .l{font-size:11px}.kzt2-emote-sizes .sz .dl{padding:7px 4px;font-size:10px}.kzt2-emote-sizes .again{margin-top:16px}
.kzt2-deck .kzt2-deck-grid{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(250px,.85fr) minmax(230px,.85fr);gap:12px;align-items:start}.kzt2-deck .kzt2-deck-grid>.kzt2-card{min-height:100%}.kzt2-deck .kzt2-deck-grid>.prev{order:0;display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:15px;border:1px solid var(--kz-line);border-radius:10px;background:linear-gradient(145deg,var(--kz-card),var(--kz-card))}.kzt2-deck .kzt2-deck-grid>.kzt2-deck-left{order:-1}.kzt2-deck .kzt2-deck-grid>.kzt2-deck-right{order:1}.kzt2-deck .kzt2-deck-grid>.prev canvas{display:block;width:min(100%,288px);height:auto;margin:14px auto}.kzt2-deck .kzt2-deck-grid>.prev #dl{margin-top:auto;background:linear-gradient(120deg,#ffdc78,#f7bf42);color:#1a1422}.kzt2-deck .kzt2-deck-grid .sec{margin-top:12px}.kzt2-deck .kzt2-deck-grid .sec:first-child{margin-top:0}
.kzt2-lower .kzt2-lower-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:12px;align-items:start}.kzt2-lower .kzt2-lower-grid>.panel{order:-1;max-height:none}.kzt2-lower .kzt2-lower-grid>.kzt2-lower-stage{order:1;min-width:0;padding:15px;border:1px solid var(--kz-line);border-radius:10px;background:linear-gradient(145deg,var(--kz-card),var(--kz-card))}.kzt2-lower .kzt2-lower-stage>.prev{display:flex;flex-direction:column;align-items:stretch;margin:0;padding:0;border:0;background:none}.kzt2-lower .kzt2-lower-stage canvas{display:block;width:100%;height:auto;border:1px solid var(--kz-line);border-radius:6px;background:var(--kz-bg) url('/kuzgun-welcome-landscape.webp') center/cover no-repeat}.kzt2-lower .kzt2-lower-stage .replay{max-width:240px;margin:9px auto}.kzt2-lower .kzt2-lower-stage .dl,.kzt2-lower .kzt2-lower-stage .dl2{display:inline-block;width:calc(50% - 5px);min-height:42px;margin:6px 2px 0}.kzt2-lower .kzt2-lower-stage .dl2{background:linear-gradient(120deg,#ffdc78,#f7bf42);color:#1a1422;border:none}.kzt2-lower .kzt2-lower-stage .hint{margin-top:9px;text-align:center}
html[data-theme=light] .kzt2-card,html[data-theme=light] .kzt2-deck .kzt2-deck-grid>.prev,html[data-theme=light] .kzt2-lower .kzt2-lower-grid>.kzt2-lower-stage{background:#fff;color:#30243c;border-color:#d5cbe0}html[data-theme=light] .kzt2-section-title{color:#30243c}
@media(max-width:1050px){.kzt2-emote-grid{grid-template-columns:1fr 1fr}.kzt2-emote-sizes{grid-column:1/-1}.kzt2-deck .kzt2-deck-grid{grid-template-columns:1fr 1fr}.kzt2-deck .kzt2-deck-grid>.kzt2-deck-right{grid-column:1/-1}.kzt2-badge-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.kzt2-badge-grid,.kzt2-emote-grid,.kzt2-deck .kzt2-deck-grid,.kzt2-lower .kzt2-lower-grid{grid-template-columns:1fr}.kzt2-emote-sizes,.kzt2-deck .kzt2-deck-grid>.kzt2-deck-right{grid-column:auto}.kzt2-deck .kzt2-deck-grid>.kzt2-deck-left,.kzt2-deck .kzt2-deck-grid>.prev,.kzt2-deck .kzt2-deck-grid>.kzt2-deck-right{order:initial}.kzt2-badge-output .ladder{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:430px){.kzt2-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kzt2-badge-output .ladder{grid-template-columns:repeat(3,minmax(0,1fr))}.kzt2-lower .kzt2-lower-stage .dl,.kzt2-lower .kzt2-lower-stage .dl2{display:block;width:100%;margin:7px 0}}
.kzt2-badge-controls .ctl{align-items:stretch}
.kzt2-lower .kzt2-lower-stage .replay{display:block}
.kzt2-lower .kzt2-lower-stage .dl{background:var(--kz-card-3);color:var(--kz-text);border:1px solid var(--kz-line)}