/* 13 · Overlay › Yerleşim — mockup 13 (1672 px) ölçüleri, içerik genişliğine göre 0,9 ölçekli. */
.kzl-panel{color:var(--kz-text);font-family:Inter,system-ui,sans-serif}.kzl-panel *{box-sizing:border-box}.kzl-panel[hidden],.kzl-side-panel[hidden],.kzl-preset-shortcut[hidden]{display:none!important}
.kzl-connection{display:grid;grid-template-columns:minmax(0,613fr) minmax(0,385fr) 175px;grid-template-rows:auto auto;align-items:end;gap:8px 24px;margin:0 0 16px}
.kzl-connection>label{grid-column:1;font-size:13px;color:var(--kz-muted)}
.kzl-link{grid-column:1;display:flex;height:42px;border:1px solid var(--ov-line);border-radius:8px;background:var(--kz-card);overflow:hidden}
.kzl-link input{width:100%;min-width:0;padding:0 14px;border:0;background:transparent;color:var(--kz-text);font:15px Inter,system-ui,sans-serif;text-overflow:ellipsis;outline:none}
.kzl-link button{display:flex;align-items:center;gap:11px;flex:none;padding:0 20px;border:0;border-left:1px solid var(--ov-line);background:var(--ov-quiet);color:var(--kz-text);font:600 15px Inter,system-ui,sans-serif;cursor:pointer}
.kzl-link button i{font-size:20px}
.kzl-status{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:14px;height:68px;padding:0 18px;border:1px solid var(--ov-line);border-radius:9px;background:var(--kz-card)}
.kzl-status>i{font-size:22px;color:var(--kz-lilac)}
.kzl-status strong{display:block;font-size:15px;font-weight:600}
.kzl-status span{display:block;margin-top:3px;font-size:13px;color:var(--kz-muted)}
.kzl-test{grid-column:3;grid-row:1/3;align-self:center;display:flex;align-items:center;justify-content:center;gap:12px;height:48px;border:1px solid #f5c566;border-radius:8px;background:linear-gradient(140deg,#ffd76a,#f9bd36);color:#1a1422;font:700 15.5px Inter,system-ui,sans-serif;cursor:pointer}
.kzl-test i{font-size:21px}
.kzl-workspace{display:grid;grid-template-columns:minmax(0,1fr) 342px;gap:14px;align-items:start}
.kzl-stage-wrap{min-width:0}
.kzl-stage-wrap #ovlStage{aspect-ratio:1.57;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:11px;padding:13px;border:1px solid var(--ov-line);border-radius:9px;background:linear-gradient(rgba(16,14,24,.42),rgba(16,13,23,.52)),url('/kuzgun-welcome-landscape.webp') center/cover no-repeat;overflow:hidden;touch-action:none}
.kzl-stage-wrap #ovlStage .ovl-cell{position:relative;display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;min-width:0;min-height:0;padding:0;border:1.5px dashed rgba(190,150,245,.75);border-radius:6px;background:rgba(18,14,27,.62);overflow:hidden}
.kzl-stage-wrap #ovlStage .ovl-cell:empty{background:rgba(18,14,27,.35)}
.kzl-stage-wrap #ovlStage .ovl-chip{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1;min-width:0;min-height:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--kz-text);white-space:normal;font-size:13px;cursor:grab}
.kzl-stage-wrap #ovlStage .ovl-chip+.ovl-chip{border-top:1px dashed rgba(190,150,245,.45)}
.kzl-stage-wrap #ovlStage .ovl-chip>i{display:none}
.kzl-stage-wrap #ovlStage .kzl-index,.kzl-row-index{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(0,0,0,.28);color:var(--kz-text);font-size:13px;font-weight:500}
.kzl-stage-wrap #ovlStage .kzl-index{position:absolute;left:12px;top:11px}
.kzl-stage-wrap #ovlStage .ovl-chip>span{display:block;min-height:45px;padding:13px 12px 0 46px;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kzl-stage-wrap #ovlStage .ovl-cell:is([data-z="tc"],[data-z="mc"],[data-z="bc"]) .ovl-chip>span{padding-right:46px;text-align:center}
.kzl-body{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;padding:4px 16px 12px;font-size:13px;line-height:1.35}
.kzl-stage-wrap #ovlStage .ovl-cell:not([data-count="1"]) .kzl-body{display:none}
.kzl-stage-wrap #ovlStage .ovl-cell:not([data-count="1"]) .ovl-chip>span{min-height:36px;padding-top:9px}
.kzl-stage-wrap #ovlStage .ovl-cell:not([data-count="1"]) .kzl-index{top:7px}
.kzl-center{display:flex;flex-direction:column;align-items:center;text-align:center}
.kzl-center i{font-size:33px;color:var(--kz-lilac);margin-bottom:9px}
.kzl-center strong{font-size:13.5px;font-weight:500}
.kzl-center small{margin-top:3px;font-size:12.5px;color:#cfc6de}
.kzl-events,.kzl-chat{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}
.kzl-events li{display:flex;align-items:center;gap:14px;white-space:nowrap;overflow:hidden}
.kzl-events i{font-size:21px;color:var(--kz-lilac);flex:none}
.kzl-events i.gold{color:var(--kz-gold)}
.kzl-events span{overflow:hidden;text-overflow:ellipsis}
.kzl-events b{font-weight:500;color:var(--kz-gold)}
.kzl-events b.pink{color:#ff8fb6}
.kzl-counter{display:flex;justify-content:space-around;gap:10px}
.kzl-counter span{display:flex;align-items:center;gap:10px}
.kzl-counter i{font-size:27px;color:var(--kz-lilac)}
.kzl-counter b{display:flex;flex-direction:column;font-size:16.5px;font-weight:650;line-height:1.15}
.kzl-counter small{font-size:12.5px;font-weight:400;color:#cfc6de}
.kzl-goal{display:flex;flex-direction:column;gap:9px}
.kzl-goal>div:not(.kzl-track){display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.kzl-goal b{font-size:13px;font-weight:600}
.kzl-goal small{font-size:12px;color:#cfc6de}
.kzl-track{height:14px;border-radius:8px;background:rgba(255,255,255,.14);overflow:hidden}
.kzl-track span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ffd660,#f6b92f)}
.kzl-chat{gap:9px}
.kzl-chat li{display:grid;grid-template-columns:18px 52px minmax(0,1fr);align-items:center;gap:10px;white-space:nowrap}
.kzl-chat .kzl-pf{width:18px;height:18px;color:#a970ff}
.kzl-chat b{font-weight:600;color:var(--kz-gold);overflow:hidden;text-overflow:ellipsis}
.kzl-chat li:nth-child(even) b{color:#e6dcf5}
.kzl-chat span{overflow:hidden;text-overflow:ellipsis}
.kzl-stage-wrap #ovlStage .ovl-chip.dragging{opacity:.45}
.kzl-stage-wrap #ovlStage .ovl-cell.hot{background:rgba(166,109,227,.3)!important;outline:2px solid #e5bcff!important}
.kzl-stage-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 4px 0;color:var(--kz-muted);font-size:13.5px}
.kzl-stage-foot i{color:var(--kz-lilac);font-size:17px;vertical-align:-3px}
.kzl-stage-foot button{display:inline-flex;align-items:center;gap:10px;min-height:41px;padding:0 17px;border:1px solid var(--ov-line);border-radius:8px;background:var(--kz-card);color:var(--kz-text);font:500 13.5px Inter,system-ui,sans-serif;cursor:pointer}
.kzl-stage-foot button i{color:var(--kz-text);font-size:17px}
.kzl-sidebar{min-width:0;border:1px solid var(--ov-line);border-radius:9px;background:var(--kz-card)}
.kzl-tabs{display:flex;padding:0 1px;border-bottom:1px solid var(--ov-line)}
.kzl-tabs button{flex:1 1 auto;min-width:0;min-height:48px;padding:5px 8px;white-space:nowrap;border:0;border-bottom:3px solid transparent;background:none;color:var(--ov-tab);font:500 13.5px Inter,system-ui,sans-serif;cursor:pointer}
.kzl-tabs button.active{border-bottom-color:var(--kz-gold);color:var(--kz-gold);font-weight:700}
.kzl-side-panel{padding:6px 13px 8px}
.kzl-side-panel h2{margin:10px 0 12px;font-size:15px}
.kzl-side-panel>p,.kzl-preset-shortcut p{margin:11px 0 0;color:var(--kz-muted);font-size:12px;line-height:1.5}
.kzl-sidebar #ovlList{display:flex;flex-direction:column;gap:0;margin:0}
.kzl-sidebar #ovlList .ovl-row{display:flex;align-items:center;gap:13px;min-height:38.5px;margin:0;padding:4px 1px;border:0;border-bottom:1px solid var(--ov-div);border-radius:0;background:transparent;color:var(--kz-text);font-size:13.5px;font-weight:400;cursor:default}
.kzl-sidebar #ovlList .ovl-row:last-child{border-bottom:0}
.kzl-sidebar #ovlList .ovl-row>i,.kzl-sidebar #ovlList .ovl-row>.kzl-ic{flex:none;width:21px;font-size:21px;color:var(--kz-lilac);text-align:center}
.kzl-sidebar #ovlList .ovl-row>.kzl-ic{height:21px}
.kzl-sidebar #ovlList .ovl-row[data-w="goal"]>i{color:var(--kz-gold)}
.kzl-sidebar #ovlList .ovl-row[data-w="hype"]>i{color:#ff5a4e}
.kzl-sidebar #ovlList .ovl-row>span{flex:1;min-width:0}
.kzl-sidebar #ovlList .ovl-row>input{order:4;appearance:none;position:relative;flex:none;width:36px;height:21px;margin:0 6px 0 0;border-radius:20px;background:var(--ov-tog-off);cursor:pointer}
.kzl-sidebar #ovlList .ovl-row>input:checked{background:var(--kz-gold)}
.kzl-sidebar #ovlList .ovl-row>input:after{content:"";position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s}
.kzl-sidebar #ovlList .ovl-row>input:checked:after{transform:translateX(15px)}
.kzl-row-settings{order:5;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;background:none;color:var(--kz-text);cursor:pointer}
.kzl-row-settings svg{width:19px;height:19px}
.kzl-row-settings:hover{color:var(--kz-gold)}
.kzl-preset-shortcut{margin:0 13px;padding:15px 0 16px;border-top:1px solid var(--ov-div)}
.kzl-preset-shortcut strong{display:block;margin-bottom:12px;font-size:15px;font-weight:700}
.kzl-sidebar #ovlPresets{display:flex;gap:11px;margin:0}
.kzl-sidebar #ovlPresets .ovl-plabel{display:none}
.kzl-sidebar #ovlPresets .ovl-preset{flex:1;min-width:0;min-height:38px;padding:0 4px;border:1px solid var(--ov-line);border-radius:7px;background:var(--ov-quiet);color:var(--kz-text);font:500 13.5px Inter,system-ui,sans-serif;cursor:pointer}
.kzl-sidebar #ovlPresets .ovl-preset.selected{border:1.5px solid var(--kz-gold);color:var(--kz-gold);background:var(--ov-item-sel)}
.kzl-sidebar #ovv3Rows .ovv3-row{min-height:50px}
.kzl-sidebar #ovv3Rows .ovv3-rt>span{display:none}
.kzl-sidebar #ovv3Rows .ovv3-rt b{font-size:13px}
@media(max-width:1250px){.kzl-workspace{grid-template-columns:minmax(0,1fr) 310px}.kzl-connection{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 160px;gap:8px 14px}.kzl-body{padding:2px 10px 8px;font-size:12px}.kzl-events,.kzl-chat{gap:7px}.kzl-center i{font-size:26px;margin-bottom:5px}.kzl-counter i{font-size:22px}}
@media(max-width:1050px){.kzl-workspace{grid-template-columns:minmax(0,1fr) 300px}.kzl-stage-wrap #ovlStage{aspect-ratio:1.35}.kzl-body{display:none!important}.kzl-stage-wrap #ovlStage .ovl-chip>span{font-size:12px;padding-left:40px}}
@media(max-width:800px){.kzl-connection{grid-template-columns:minmax(0,1fr) auto}.kzl-link{grid-column:1/-1}.kzl-status{grid-column:1;grid-row:3;height:auto;padding:10px 12px}.kzl-test{grid-column:2;grid-row:3}.kzl-workspace{grid-template-columns:1fr}.kzl-stage-wrap #ovlStage{aspect-ratio:1.55}}
@media(max-width:540px){.kzl-connection{gap:7px}.kzl-test{padding:0 10px;font-size:12px}.kzl-status{font-size:11px}.kzl-stage-wrap #ovlStage{aspect-ratio:1;gap:4px;padding:6px}.kzl-stage-wrap #ovlStage .kzl-index{width:18px;height:18px;font-size:10px;left:5px;top:5px}.kzl-stage-wrap #ovlStage .ovl-chip>span{font-size:10px;padding:7px 4px 0 27px;min-height:30px}.kzl-stage-foot{flex-direction:column;align-items:stretch}.kzl-stage-foot button{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.kzl-sidebar #ovlList .ovl-row>input:after{transition:none}}