/* © 2026 IG Tools — All rights reserved. */
/* Tracking Effect — on top of Blur Plate's styles / shell / bp.css (the same shell). Screen-only chrome. */
.topbar .logo svg{width:22px;height:22px;color:#fff}
.te-ti{display:flex;color:var(--logo)}
.te-ti svg{width:26px;height:26px}
/* Hedef: the objects on the paused frame are buttons over the stage (DOM, never in a file) */
.te-obj{position:absolute;padding:0;border:2px solid #2f80ff;border-radius:8px;background:rgba(47,128,255,.10);box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:auto;cursor:pointer;transition:background .15s}
.te-obj:hover{background:rgba(47,128,255,.22)}
.te-obj.on{border-color:#30D158;background:rgba(48,209,88,.16)}
.te-obj.on .bp-tag{background:#30D158}
.te-obj{overflow:visible;font:inherit;color:inherit}
.te-obj .bp-tag{pointer-events:none;overflow:visible;text-overflow:clip;max-width:none;left:-2px;z-index:3}
body.te-picking .stage canvas.bp-cv{cursor:pointer}
/* Karşılaştır labels */
.te-labels{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.te-labels[hidden]{display:none}
.te-in{width:100%;box-sizing:border-box;min-height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:500 15px/1.2 var(--sans)}
.te-in:disabled{opacity:.45}
#otPanel{padding-top:2px}
.te-hz{margin-top:6px}.te-hzs{display:block;font:500 12px/1.3 var(--sans);color:var(--muted);margin-top:2px}

/* Kırp (2026-11-12) — the same two-handle bar as Retro Effect / Lyrics Video */
.te-trim{max-width:900px;margin:0 auto}
.te-trim[hidden]{display:none}
body.mcs-prev .te-trim,body.te-picking .te-trim{display:none!important}
.te-trim .vttop{display:flex;align-items:baseline;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--muted)}
.te-trim .vttop .vtl{font-weight:600}.te-trim .vttop .vtxt{font-variant-numeric:tabular-nums}
.te-trim .vptrim{position:relative;height:40px;margin:4px 12px 0;touch-action:none;user-select:none;-webkit-user-select:none}
.te-trim .vptrim .vtk{position:absolute;left:0;right:0;top:15px;height:10px;border-radius:5px;background:var(--line)}
.te-trim .vptrim .vtsel{position:absolute;top:11px;height:18px;border-top:3px solid var(--accent);border-bottom:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);box-sizing:border-box}
.te-trim .vptrim .vth{position:absolute;top:5px;width:16px;height:30px;margin-left:-8px;border-radius:6px;background:var(--accent);cursor:ew-resize;touch-action:none;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.te-trim .vptrim .vth::after{content:'';position:absolute;left:6px;top:9px;width:4px;height:12px;border-left:1.5px solid #fff;border-right:1.5px solid #fff;box-sizing:border-box}
/* the bar sits under the picture: the picture gives up its height so the dock never covers the handles */
body.ready.te.te-hastrim .stage canvas{max-height:calc((100dvh - 56px - 84px - var(--ad-top,0px) - var(--ad-bot,0px) - 24px - 62px) * var(--vz,1))}
@media(min-width:900px){body.ready.te.te-hastrim .stage canvas{max-height:calc((100dvh - 190px - 62px - var(--ad-top,0px) - var(--ad-bot,0px)) * var(--vz,1))}}
.te-trim .vttop{margin-top:6px}

/* Kare gönder (2026-11-13) — Lyrics Video's send bar */
.te-sendbar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);transform:translateX(-50%);z-index:550;width:min(560px,calc(100vw - 24px));box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;border-radius:18px;background:var(--panel,#fff);border:1px solid var(--line,rgba(0,0,0,.1));box-shadow:0 18px 40px rgba(0,0,0,.22);color:var(--text,#111)}
.te-sendbar>span{flex:1 1 220px;font:500 14px/1.35 var(--sans,system-ui)}
.te-sendbar>div{display:flex;gap:8px;margin-left:auto}
.te-sendbar .btn-ghost{min-height:44px;padding:0 14px}
.te-sendbar .te-prim{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--accent,#0A84FF);color:#fff;font:600 14px/1 var(--sans,system-ui);cursor:pointer}
.te-sendbar[hidden]{display:none!important}
body.te-sendpick .te-trim{visibility:hidden}   /* the send bar sits where the trim bar is; scrub with the player's bar */
