.pw-toolapp{--ta-bar: var(--muted);--ta-line: var(--border);--ta-ink: var(--foreground);--ta-dim: var(--muted-foreground);--ta-acc: var(--primary);--ta-soft: color-mix(in oklch, var(--primary) 12%, transparent);display:flex;height:calc(100dvh - 3.5rem - 1px);overflow:hidden;background:var(--background);color:var(--ta-ink)}.pw-toolapp .rail{flex:0 0 5.5rem;display:flex;flex-direction:column;gap:2px;padding:10px 8px;background:var(--ta-bar);border-right:1px solid var(--ta-line);overflow-y:auto}.pw-toolapp .rail-btn{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:9px 4px;border:0;border-radius:10px;background:none;color:var(--ta-dim);cursor:pointer;font:inherit;font-size:11px;line-height:1.2;text-align:center;text-decoration:none;position:relative;transition:background .12s,color .12s}.pw-toolapp .rail-btn svg{width:20px;height:20px;flex:0 0 auto}.pw-toolapp .rail-btn:hover{background:color-mix(in oklch,var(--ta-line) 45%,transparent);color:var(--ta-ink)}.pw-toolapp .rail-btn:focus-visible{outline:2px solid var(--ta-acc);outline-offset:-2px}.pw-toolapp .rail-btn.is-on{background:var(--ta-acc);color:var(--primary-foreground);font-weight:700}.pw-toolapp .rail-btn.is-on:hover{background:var(--ta-acc);filter:brightness(1.06)}.pw-toolapp .rail-btn.is-on .badge{background:var(--primary-foreground);color:var(--ta-acc)}.pw-toolapp .rail-btn .badge{position:absolute;top:4px;right:8px;min-width:17px;padding:0 4px;border-radius:9px;background:var(--ta-acc);color:var(--primary-foreground);font-size:9.5px;font-weight:700;line-height:16px}.pw-toolapp .rail-link{color:var(--ta-dim)}.pw-toolapp .rail-sep{height:1px;margin:8px 6px;background:var(--ta-line);flex:0 0 auto}.pw-toolapp .stage{flex:1;min-width:0;overflow-y:auto;padding:1.25rem 1rem 3rem;scroll-behavior:smooth;overscroll-behavior:contain}@media(min-width:640px){.pw-toolapp .stage{padding:1.5rem 1.5rem 3rem}}@media(min-width:1024px){.pw-toolapp .stage{padding:1.5rem 2rem 3rem}}.pw-toolapp .stage>*{max-width:90rem;margin-inline:auto}.pw-toolapp .stage-head{margin-bottom:1rem}.pw-toolapp .stage-head h1{font-size:1.5rem;line-height:1.25}@media(min-width:1024px){.pw-toolapp .stage-head h1{font-size:1.75rem}}.pw-toolapp .stage-head section{padding-bottom:0}.pw-toolapp .stage-head>section{gap:0}.pw-toolapp .stage-head p:last-child{display:none}.pw-toolapp .view[hidden]{display:none}.pw-toolapp .pw-goto-gallery{display:flex;flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:.75rem 1rem;border:2px solid color-mix(in oklch,var(--primary) 35%,var(--border));border-radius:.75rem;background-color:color-mix(in oklch,var(--primary) 8%,var(--card))}.pw-toolapp .pw-goto-gallery__text{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--foreground)}.pw-toolapp .pw-goto-gallery__icon{font-size:1.125rem;line-height:1}.pw-toolapp .pw-goto-gallery strong{color:var(--primary);font-weight:700}.pw-toolapp .pw-goto-gallery button{align-self:flex-start;flex:0 0 auto;white-space:nowrap;border:0;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;background-image:linear-gradient(to right,#7f22fe,oklch(59.1% .293 322.896));transition:transform .15s ease,filter .15s ease}.pw-toolapp .pw-goto-gallery button:hover{transform:scale(1.03);filter:brightness(1.08)}@media(min-width:640px){.pw-toolapp .pw-goto-gallery{flex-direction:row;align-items:center;justify-content:space-between}.pw-toolapp .pw-goto-gallery button{align-self:auto}}.pw-toolapp .ad-rail{display:none}@media(min-width:1024px){.pw-toolapp .ad-rail{display:block;flex:0 0 18rem;border-left:1px solid var(--ta-line);background:var(--card)}}@media(min-width:1024px){.pw-toolapp #customise section[class*="md:grid-cols-[1.1fr_1fr]"]{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}}.pw-toolapp #premade-downloads{border:0;background:none;padding:0;margin-bottom:0}@media(max-width:1023px){.pw-toolapp{flex-direction:column}.pw-toolapp .rail{flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;padding:6px 8px;overflow-x:auto;scrollbar-width:none;border-right:0;border-bottom:1px solid var(--ta-line)}.pw-toolapp .rail::-webkit-scrollbar{display:none}.pw-toolapp .rail-btn{flex:0 0 auto;width:auto;flex-direction:row;gap:7px;padding:7px 12px;font-size:12.5px;white-space:nowrap;color:var(--ta-ink);border:1px solid var(--ta-line);background:color-mix(in oklch,var(--ta-line) 22%,transparent);font-weight:600}.pw-toolapp .rail-btn.is-on{border-color:var(--ta-acc)}.pw-toolapp .rail-btn .badge{position:static;margin-left:2px}.pw-toolapp .rail-sep{width:1px;height:22px;margin:0 4px}.pw-toolapp .rail-link,.pw-toolapp .rail-sep{display:none}.pw-toolapp .rail-link-all{display:inline-flex;margin-left:auto;color:var(--ta-dim);font-weight:500;background:transparent}}@media(max-width:359px){.pw-toolapp .rail{gap:4px;padding-inline:6px}.pw-toolapp .rail-btn{padding-inline:9px;gap:5px}}@media(pointer:coarse){.pw-toolapp .rail-btn{min-height:40px}}details[data-astro-cid-3nme6ofz][open]>summary[data-astro-cid-3nme6ofz] .chevron[data-astro-cid-3nme6ofz]{transform:rotate(180deg)}
