/* Free Plugins page — jaypagare.in */
/* ===== PLUGINS & TOOLS ===== */
.tk-hosts{display:flex;flex-wrap:wrap;gap:8px;max-width:460px}
.tk-hosts .chip{font-size:13px;padding:7px 13px}
#tkCats .lens .ct{font-size:12px;font-weight:600;color:var(--dim);margin-left:-2px;transition:color .3s}
#tkCats .lens.on .ct{color:var(--blue2)}
.tk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;perspective:1100px}
@media (max-width:1000px){.tk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tk-grid{grid-template-columns:1fr}}
.tk-card{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;border:1px solid #1E1E22;background:#0B0B0D;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .6s var(--ease),border-color .4s,box-shadow .6s var(--ease);box-shadow:var(--sx,0) var(--sy,20px) 50px -24px rgba(0,0,0,.9)}
.tk-card:hover{border-color:#1A2230;box-shadow:var(--sx,0) var(--sy,30px) 70px -26px rgba(41,151,255,.35);transition:transform .15s linear,border-color .4s,box-shadow .2s linear}
.tk-card:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.tk-card .media{border-radius:0;aspect-ratio:16/11}
.tk-card .body{transition:transform .5s var(--ease)}
.tk-card:hover .body{transform:translate(calc(var(--px,0) * -.4),calc(var(--py,0) * -.4))}
.tk-card .pc-edge{position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),#7CC2FF,rgba(41,151,255,.7) 30%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .4s;z-index:4}
.tk-card:hover .pc-edge{opacity:1}
.tk-card .gif .fill{filter:saturate(.7) brightness(.8);transition:transform 1.2s var(--ease),filter .5s}
.tk-card:hover .gif .fill,.tk-card.play .gif .fill{filter:none;transform:scale(1.1) translate(var(--px,0),var(--py,0))}
.tk-card:hover .gif .anim2,.tk-card.play .gif .anim2{opacity:1}
.tk-card:hover .ui-mock .wave b,.tk-card.play .ui-mock .wave b{animation:wv 1s ease-in-out infinite alternate}
.tk-card .tags{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px;z-index:2}
.tk-card .kind{font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--fg)}
.tk-card .hov{position:absolute;bottom:14px;left:14px;z-index:2;font-size:11px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.55);transition:opacity .3s}
.tk-card:hover .hov,.tk-card.play .hov{opacity:0}
.tk-card .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.tk-card h3{font-size:22px;font-weight:700;letter-spacing:-.02em}
.tk-card .line{font-size:15px;line-height:1.5;color:var(--mute)}
.tk-card .compat{font-size:13px;color:var(--dim)}
.tk-card .acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:10px}
.st.beta{background:#2A2208;color:#F5C451}
.st.soon{background:#16161A;color:#A1A1A6}
@keyframes stp{0%{box-shadow:0 0 0 0 rgba(91,216,132,.6)}70%{box-shadow:0 0 0 7px rgba(91,216,132,0)}100%{box-shadow:0 0 0 0 rgba(91,216,132,0)}}
.btn-dl{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 18px;border-radius:999px;background:var(--fg);color:#0A0A0B;font-size:14px;font-weight:600;transition:background .3s}
.btn-dl:hover{background:var(--blue)}
.btn-dl .bi{width:32px;height:32px;border-radius:999px;background:#0A0A0B;color:var(--fg);display:inline-flex;align-items:center;justify-content:center}
.btn-gh{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #2A2A2E;font-size:14px;font-weight:600;color:var(--fg);transition:border-color .3s,background .3s}
.btn-gh:hover{border-color:#3A3A40;background:#141417}
.btn-gh.on{border-color:#1E4E80;color:var(--blue2)}
.tk-card .det{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid #1E1E22;font-size:14px;font-weight:600;color:var(--fg)}
.tk-card .det i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#18181C;margin-left:auto;transition:background .35s var(--ease),color .35s,transform .45s var(--ease)}
.tk-card:hover .det i{background:var(--blue);color:#000;transform:rotate(-45deg)}
.tk-card .acts .btn-dl,.tk-card .acts .btn-gh{min-height:40px;font-size:13.5px}
.tk-card .acts .btn-dl .bi{width:28px;height:28px}
/* request card */
.tk-ask{all:unset;box-sizing:border-box;cursor:pointer;grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:34px 36px;border-radius:26px;border:1px dashed #2A2A2E;background:linear-gradient(135deg,#07111C,#000 70%);transition:border-color .3s}
.tk-ask:hover{border-color:#1E4E80}
.tk-ask h3{font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-.03em}
.tk-ask p{color:var(--mute);font-size:16px;margin-top:6px}
/* why */
.tk-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--gap);align-items:start}
@media (max-width:900px){.tk-why{grid-template-columns:1fr}}
.tk-why h2{font-size:clamp(32px,4.2vw,62px);font-weight:900;letter-spacing:-.045em;line-height:1.02}
.tk-why-list{display:flex;flex-direction:column}
.tk-why-list>div{display:grid;grid-template-columns:56px 1fr;gap:6px 16px;padding:26px 0;border-bottom:1px solid var(--line)}
.tk-why-list>div:first-child{border-top:1px solid var(--line)}
.tk-why-list b{grid-row:span 2;font-size:14px;font-weight:700;color:var(--blue);padding-top:6px}
.tk-why-list h3{font-size:22px;font-weight:700;letter-spacing:-.02em}
.tk-why-list p{font-size:16px;line-height:1.55}
/* slide-over */
.tkp{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none}
.tkp.open{visibility:visible;pointer-events:auto}
.tkp-bg{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .45s}
.tkp.open .tkp-bg{opacity:1}
.tkp-panel{position:absolute;top:0;right:0;bottom:0;width:min(760px,100%);background:#060607;border-left:1px solid #1C1C1F;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .7s var(--ease);scrollbar-width:thin;scrollbar-color:#2A2A2E transparent}
.tkp-panel::-webkit-scrollbar{width:6px}
.tkp-panel::-webkit-scrollbar-thumb{background:#2A2A2E;border-radius:6px}
.tkp.open .tkp-panel{transform:none}
.tkp-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;background:rgba(6,6,7,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #141416}
.tkp-crumb{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.tkp-ic{all:unset;cursor:pointer;width:40px;height:40px;border-radius:999px;border:1px solid #2A2A2E;display:inline-flex;align-items:center;justify-content:center;color:var(--fg);transition:background .25s,border-color .25s}
.tkp-ic:hover{background:#18181C;border-color:#3A3A40}
.tkp-ic:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tkp-body{padding:28px 28px 48px;display:flex;flex-direction:column;gap:36px}
.tkp-head{display:flex;flex-direction:column;gap:14px}
.tkp-head h2{font-size:clamp(36px,4.4vw,56px);font-weight:900;letter-spacing:-.05em;line-height:1.02;padding-bottom:.04em}
.tkp-head p{font-size:18px;line-height:1.55;color:var(--mute)}
.tkp-demo{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden}
.tkp-demo .anim2{opacity:1}
.tkp-demo .ui-mock .wave b{animation:wv 1s ease-in-out infinite alternate}
.tkp-demo .play{all:unset;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 14px;border-radius:999px;background:rgba(245,245,247,.95);color:#000;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .4s var(--ease)}
@media (max-width:620px){.tkp-demo .play{font-size:13px;padding:10px 16px 10px 10px}.tkp-demo .play .lg{display:none}.tkp-shots .media{flex-basis:44%}.tkp-body{padding:24px 20px 40px}.tkp-top{padding:14px 20px}}
.tkp-demo .play:hover{transform:translate(-50%,-50%) scale(1.05)}
.tkp-demo .play i{width:30px;height:30px;border-radius:99px;background:#000;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px}
.tkp-shots{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:-8px 0 0}
.tkp-shots::-webkit-scrollbar{display:none}
.tkp-shots .media{flex:0 0 calc(33.3% - 8px);aspect-ratio:16/10;border-radius:14px;cursor:pointer;border:1px solid transparent;transition:border-color .25s}
.tkp-shots .media:hover{border-color:#3A3A40}
.tkp-shots .media span.n{position:absolute;bottom:8px;left:10px;z-index:2;white-space:nowrap;font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.08em}
.tkp-get{border-radius:20px;border:1px solid #1C1C1F;background:#0B0B0D;padding:22px;display:flex;flex-direction:column;gap:14px}
.tkp-get .row{display:flex;flex-wrap:wrap;gap:10px}
.tkp-get small{font-size:13px;color:var(--dim)}
.tkp-get .ghrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #1C1C1F;padding-top:14px}
.tkp-notify{display:flex;gap:8px;flex-wrap:wrap}
.tkp-notify input{all:unset;box-sizing:border-box;flex:1;min-width:200px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid #2A2A2E;background:#000;font-size:15px;color:var(--fg)}
.tkp-notify input:focus{border-color:var(--blue)}
.tkp-notify input::placeholder{color:var(--dim)}
.tkp-sec h4{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue2);margin-bottom:14px}
.tkp-sec p{font-size:16px;line-height:1.6;color:#D1D1D6}
.tkp-feat{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:0}
.tkp-panel:focus{outline:none}
.tkp-feat li{list-style:none;display:flex;gap:12px;font-size:16px;line-height:1.5;color:#D1D1D6}
.tkp-feat li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:99px;background:#0A1A2C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232997FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.tkp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:620px){.tkp-steps{grid-template-columns:1fr}}
.tkp-steps div{border-radius:16px;border:1px solid #1C1C1F;padding:18px;display:flex;flex-direction:column;gap:8px}
.tkp-steps b{width:28px;height:28px;border-radius:99px;background:var(--blue);color:#000;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.tkp-steps p{font-size:14px;line-height:1.5;color:var(--mute)}
.tkp-steps p strong{color:var(--fg);font-weight:600}
.tkp-ver{display:flex;flex-direction:column}
.tkp-ver div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-top:1px solid #1C1C1F;font-size:15px}
.tkp-ver div:last-child{border-bottom:1px solid #1C1C1F}
.tkp-ver b{font-weight:600}
.tkp-ver span{color:var(--mute)}
.tkp-ver em{font-style:normal;font-size:12px;color:var(--dim);display:block}
.tkp-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tkp-nav button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:16px;border:1px solid #1C1C1F;padding:16px 18px;display:flex;flex-direction:column;gap:4px;transition:border-color .25s,background .25s}
.tkp-nav button:hover{border-color:#2A2A2E;background:#0B0B0D}
.tkp-nav button:last-child{text-align:right}
.tkp-nav small{font-size:12px;color:var(--dim);letter-spacing:.06em}
.tkp-nav span{font-size:16px;font-weight:700}
body.tkp-on{overflow:hidden}
/* free + community */
.tk-stats{display:flex;gap:clamp(24px,3vw,44px);flex-wrap:wrap}
.tk-stats div{display:flex;flex-direction:column;gap:4px}
.tk-stats b{font-size:clamp(34px,3.4vw,52px);font-weight:900;letter-spacing:-.04em;line-height:1.05;padding-bottom:.04em;color:var(--fg)}
.tk-stats div:first-child b{color:var(--blue)}
.tk-stats span{font-size:13px;color:var(--mute)}
.tk-card .kind.free,.chip.free{background:var(--blue);color:#000;border-color:var(--blue);font-weight:700;letter-spacing:.08em;font-size:11px}
.tk-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tk-like{all:unset;box-sizing:border-box;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #2A2A2E;font-size:14px;color:var(--mute);transition:border-color .25s,color .25s,background .25s}
.tk-like:hover{border-color:#3A3A40;color:var(--fg)}
.tk-like.on{color:#FF5A7A;border-color:#5A1F2C;background:#1A0A0F}
.tk-like b{font-weight:600;color:var(--fg)}
.tk-like:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tk-stat{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:14px;color:var(--mute)}
.tk-stat>span{display:inline-flex;align-items:center;gap:6px}
.tk-stat b{color:var(--fg);font-weight:600;display:inline-block}
.tk-stat svg{color:var(--blue)}
.tkp-stat{margin-top:4px}
.stars{display:inline-flex;gap:1px;font-size:14px;letter-spacing:0}
.stars i{font-style:normal;color:#2A2A2E}
.stars i.on{color:#F5C451}
.stars i.half{color:#8A7030}
.tkc-sum{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.tkc-sum b{font-size:40px;font-weight:900;letter-spacing:-.04em;line-height:1}
.tkc-sum .stars{font-size:18px}
.tkc-sum span{font-size:14px;color:var(--mute)}
.tkc-form{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;border:1px solid #1C1C1F;background:#0B0B0D}
.tkc-form input,.tkc-form textarea{all:unset;box-sizing:border-box;width:100%;padding:13px 16px;border-radius:14px;border:1px solid #2A2A2E;background:#000;font-size:15px;line-height:1.5;color:var(--fg);resize:vertical}
.tkc-form input:focus,.tkc-form textarea:focus{border-color:var(--blue)}
.tkc-form ::placeholder{color:var(--dim)}
.tkc-form small{font-size:13px;color:var(--dim)}
.tkc-rate{display:flex;align-items:center;gap:2px}
.tkc-rate button{all:unset;cursor:pointer;font-size:26px;line-height:1;padding:2px;color:#2A2A2E;transition:color .15s,transform .2s var(--ease)}
.tkc-rate button.on{color:#F5C451}
.tkc-rate button:hover{transform:scale(1.15)}
.tkc-rate button:focus-visible{outline:2px solid var(--blue);border-radius:4px}
.tkc-rate span{font-size:14px;color:var(--mute);margin-left:10px}
.tkc-list{display:flex;flex-direction:column;margin-top:8px}
.tkc{padding:18px 0;border-bottom:1px solid #1C1C1F;display:flex;flex-direction:column;gap:8px}
.tkc-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px}
.tkc-top>span:last-child{color:var(--dim);margin-left:auto;font-size:13px}
.tkc-role{color:var(--mute)}
.tkc p{font-size:15px;line-height:1.55;color:#D1D1D6}
.tkc.mine{border-left:2px solid var(--blue);padding-left:14px}
.tkc em{font-style:normal;font-size:12px;color:var(--blue2)}