*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080e;--surface:#0f0f18;--surface2:#14141f;--surface3:#1a1a28;--surface4:#202030;--text:#f0f0fa;--text2:#a0a0c8;--text3:#60608a;--accent:#6c57f5;--accent2:#f057c8;--accentG:linear-gradient(135deg,#6c57f5,#f057c8);--accentGh:linear-gradient(135deg,#7d6af8,#f268d0);--border:#1e1e30;--border2:#252538;--border3:#2e2e48;--green:#3ee87a;--red:#f05858;--yellow:#f5c842;--r:12px;--r2:8px;--r3:6px;--shadow:0 4px 24px rgba(0,0,0,.5);--shadowL:0 8px 40px rgba(0,0,0,.6)}html{scroll-behavior:smooth;font-size:16px}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Familjen Grotesk,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(108,87,245,.2)!important}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}::selection{background:rgba(108,87,245,.3);color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .35s ease both}.fade-in{animation:fadeIn .25s ease both}.scale-in{animation:scaleIn .25s ease both}.stagger>:first-child{animation-delay:.05s}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.35s}.stagger>:nth-child(8){animation-delay:.4s}.spin{animation:spin .9s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:200;height:58px;display:flex;align-items:center;padding:0 1.5rem;gap:1.5rem;border-bottom:1px solid transparent;background:rgba(8,8,14,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .2s,background .2s}.nav.scrolled{border-color:var(--border);background:rgba(8,8,14,.92)}.nav-logo{display:flex;align-items:center;gap:6px;font-family:Familjen Grotesk,sans-serif;font-size:1.15rem;font-weight:700;background:var(--accentG);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;white-space:nowrap}.nav-logo-icon{-webkit-text-fill-color:unset;color:var(--accent);flex-shrink:0}.nav-link{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r2);font-size:.84rem;font-weight:500;white-space:nowrap;color:var(--text2);transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--surface3)}.nav-link.active{color:var(--accent);background:rgba(108,87,245,.12)}.nav-link svg{width:14px;height:14px;flex-shrink:0}.nd-wrap{position:relative}.nd-trigger{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r2);font-size:.84rem;font-weight:500;color:var(--text2);background:none;border:none;cursor:pointer;white-space:nowrap;font-family:inherit;transition:color .15s,background .15s}.nd-trigger:hover{color:var(--text);background:var(--surface3)}.nd-trigger.active{color:var(--accent);background:rgba(108,87,245,.12)}.nd-panel{position:absolute;top:calc(100% + 10px);left:0;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:1.1rem 1.25rem;display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));grid-gap:0 1.75rem;gap:0 1.75rem;box-shadow:var(--shadowL);z-index:400;animation:scaleIn .15s ease;transform-origin:top left}.nd-col{display:flex;flex-direction:column;gap:2px}.nd-col+.nd-col{border-left:1px solid var(--border);padding-left:1.75rem;margin-left:-1.75rem}.nd-col-head{font-size:.67rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.09em;padding:2px 8px 8px}.nd-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r2);font-size:.84rem;font-weight:500;color:var(--text2);transition:color .12s,background .12s}.nd-item:hover{color:var(--text);background:var(--surface3)}.nd-item.active{color:var(--accent);background:rgba(108,87,245,.1)}.nd-item svg{flex-shrink:0}.nav-burger{display:none;margin-left:auto;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--r2);color:var(--text);padding:6px;cursor:pointer}.drawer-backdrop{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.drawer-backdrop.open{display:block}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:301;width:min(300px,85vw);background:var(--surface);border-left:1px solid var(--border2);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease}.drawer-body{flex:1 1;overflow-y:auto;padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:2px}.drawer.open{transform:translateX(0)}.drawer-head{justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-head,.drawer-link{display:flex;align-items:center}.drawer-link{gap:10px;padding:10px 12px;border-radius:var(--r2);font-size:.93rem;font-weight:500;color:var(--text2);background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:color .15s,background .15s}.drawer-link:hover{background:var(--surface3);color:var(--text)}.drawer-link.active{background:rgba(108,87,245,.12);color:var(--accent)}.drawer-link svg{flex-shrink:0}.close-btn{background:var(--surface3);border:1px solid var(--border2);border-radius:var(--r2);color:var(--text2);padding:5px;cursor:pointer;display:flex}.close-btn:hover{color:var(--text)}@media (max-width:640px){.nav-link,.nav-more-tools,.nd-wrap{display:none}.nav-burger{display:flex;margin-left:auto}}.dz{border:2px dashed var(--border3);border-radius:var(--r);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;cursor:pointer;text-align:center;background:var(--surface2);transition:border-color .2s,background .2s;position:relative;overflow:hidden}.dz:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(108,87,245,.08) 0,transparent 65%)}.dz.drag,.dz:hover{border-color:var(--accent);background:rgba(108,87,245,.05)}.dz-icon{color:var(--text3);transition:color .2s,transform .2s}.dz.drag .dz-icon,.dz:hover .dz-icon{color:var(--accent);transform:translateY(-3px)}.dz-title{font-family:Familjen Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--text)}.dz-sub{font-size:.8rem;color:var(--text3);max-width:340px;line-height:1.55}.dz-formats{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:4px}.dz-fmt-tag{background:var(--surface4);border:1px solid var(--border3);border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:700;font-family:Familjen Grotesk,sans-serif;color:var(--text3);letter-spacing:.04em}.fl{flex-direction:column;gap:5px;max-height:280px;overflow-y:auto}.fl,.fl-row{display:flex}.fl-row{align-items:center;gap:8px;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--r2);padding:8px 12px;animation:fadeUp .2s ease both}.fl-info{flex:1 1;min-width:0}.fl-name{font-size:.83rem;font-weight:500;color:var(--text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-size{font-size:.72rem;color:var(--text3);margin-top:1px}.fl-done{color:var(--green);flex-shrink:0}.fl-err{width:16px;height:16px;border-radius:50%;background:rgba(240,88,88,.15);color:var(--red);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fl-rm{background:none;border:none;color:var(--text3);padding:3px;border-radius:4px;display:flex;cursor:pointer}.fl-rm:hover{background:rgba(240,88,88,.12);color:var(--red)}.pg{display:flex;flex-direction:column;gap:.8rem}.pg-head{font-size:.73rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em}.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}.pg-card{background:var(--surface3);border:1px solid var(--border2);border-radius:var(--r2);overflow:hidden}.pg-thumb{aspect-ratio:1/1;background:var(--surface2);display:flex;align-items:center;justify-content:center}.pg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pg-name{padding:.65rem .75rem;font-size:.78rem;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-prime{display:inline-flex;align-items:center;gap:7px;background:var(--accentG);color:#fff;border:none;border-radius:var(--r2);padding:11px 22px;font-size:.92rem;font-weight:700;font-family:Familjen Grotesk,sans-serif;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 14px rgba(108,87,245,.3)}.btn-prime:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(108,87,245,.45);background:var(--accentGh)}.btn-prime:active:not(:disabled){transform:translateY(0)}.btn-prime:disabled{opacity:.45;cursor:not-allowed}.btn-sec{display:inline-flex;align-items:center;gap:7px;background:var(--surface3);border:1px solid var(--border3);color:var(--text2);border-radius:var(--r2);padding:10px 18px;font-size:.87rem;font-weight:600;font-family:Familjen Grotesk,sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.btn-sec:hover{border-color:var(--accent);color:var(--accent);background:rgba(108,87,245,.06)}.btn-sec.full{width:100%;justify-content:center}.rl{display:flex;flex-direction:column;gap:5px}.rl-item{display:flex;align-items:center;gap:8px;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--r2);padding:9px 12px;color:var(--text);font-size:.84rem;text-align:left;width:100%;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.rl-item:hover{border-color:var(--accent);color:var(--accent)}.rl-meta{color:var(--text3);margin-left:auto;font-size:.73rem;flex-shrink:0}.rl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.rl-footer{margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{background:var(--surface3);border:1px solid var(--border3);border-radius:var(--r3);padding:5px 12px;font-size:.78rem;font-weight:700;color:var(--text3);font-family:Familjen Grotesk,sans-serif;cursor:pointer;transition:all .15s}.chip:hover{color:var(--accent)}.chip.on,.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);color:#fff}.ps{max-width:880px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.ps-head{margin-bottom:2rem}.ps-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(108,87,245,.1);border:1px solid rgba(108,87,245,.22);border-radius:20px;padding:4px 13px;font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem}.ps-title{font-size:clamp(1.65rem,5vw,2.4rem);font-weight:700;color:var(--text);margin-bottom:.65rem;letter-spacing:-.02em;line-height:1.15}.ps-desc{font-size:.97rem;color:var(--text2);line-height:1.7;max-width:580px}.ps-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.ps-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.ps-how{margin-top:2.5rem;padding:1.5rem 1.75rem;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r)}.ps-how h2{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:1.25rem}.how-steps{list-style:none;display:flex;flex-direction:column;gap:1rem}.how-step{display:flex;align-items:flex-start;gap:.875rem}.how-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:var(--accent);color:#fff;border-radius:50%;font-size:.72rem;font-weight:700;line-height:1;margin-top:2px}.how-text{font-size:.9rem;color:var(--text2);line-height:1.6}.ps-faq{margin-top:3rem}.ps-faq h2{font-size:1.3rem;margin-bottom:1rem;color:var(--text)}.ps-faq details{border:1px solid var(--border2);border-radius:var(--r2);margin-bottom:6px;background:var(--surface)}.ps-faq summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center}.ps-faq summary:after{content:"+";color:var(--accent);font-size:1.1rem}.ps-faq details[open] summary:after{content:"-"}.ps-faq .faq-ans{padding:0 1.25rem 1rem;font-size:.88rem;color:var(--text2);line-height:1.7}.footer{border-top:1px solid var(--border);margin-top:2rem;padding:2.5rem 1.5rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:1.25rem}.footer-link{background:var(--surface2);border:1px solid var(--border2);border-radius:6px;padding:5px 12px;font-size:.8rem;font-weight:600;color:var(--text3);font-family:Familjen Grotesk,sans-serif;transition:color .15s,border-color .15s}.footer-link:hover{color:var(--accent);border-color:var(--accent)}.footer-copy{font-size:.8rem;color:var(--text3);line-height:1.6}.footer-copy strong{color:var(--text2)}.footer-more-tools{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--accent);margin-bottom:1rem;transition:opacity .15s}.footer-more-tools:hover{opacity:.75}.nav-more-tools{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:var(--accent);background:rgba(108,87,245,.1);border:1px solid rgba(108,87,245,.25);border-radius:20px;padding:4px 12px;white-space:nowrap;transition:background .15s,opacity .15s;flex-shrink:0}.nav-more-tools:hover{background:rgba(108,87,245,.18)}.drawer-link-external{color:var(--accent)!important}.drawer-section{display:flex;flex-direction:column;gap:1px;margin-bottom:.25rem}.drawer-section-label{font-size:.66rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.09em;padding:10px 12px 4px}.drawer-divider{height:1px;background:var(--border);margin:.5rem 0;flex-shrink:0}@media (max-width:560px){.ps{padding:1.5rem 1rem 3rem}.ps-card{padding:1.25rem;gap:1.25rem}}@media (max-width:500px){.dz{padding:2rem 1rem}}.ps-related,.ps-tips{margin-top:1.5rem;padding:1.5rem 1.75rem;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r)}.ps-related h2,.ps-tips h2{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:1rem}.ps-tips ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.ps-tips li{position:relative;padding-left:1.25rem;font-size:.92rem;line-height:1.65;color:var(--text2)}.ps-tips li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.ps-related ul{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.ps-related a{display:inline-block;padding:.5rem .9rem;border:1px solid var(--border3);border-radius:var(--r2);font-size:.9rem;color:var(--text2);text-decoration:none;transition:color .15s,border-color .15s}.ps-related a:hover{color:var(--accent);border-color:var(--accent)}@media (max-width:600px){.ps-related,.ps-tips{padding:1.25rem 1.1rem}}.cp-updated{margin-top:.75rem;font-size:.8rem;color:var(--text3)}.cp-body{display:flex;flex-direction:column;gap:1.75rem}.cp-section h2{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.65rem}.cp-section p{font-size:.95rem;line-height:1.75;color:var(--text2);margin-bottom:.65rem}.cp-section a{color:var(--accent);text-decoration:none}.cp-section a:hover{text-decoration:underline}.cp-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.65rem}.cp-list li{position:relative;padding-left:1.25rem;font-size:.95rem;line-height:1.7;color:var(--text2)}.cp-list li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.cp-card{padding:1.25rem 1.5rem;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r)}