.pe-tool{gap:1.5rem;max-width:1060px;margin:auto;display:grid}.pe-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:clamp(1rem,3vw,2rem);scroll-margin-top:90px}.pe-card h2{margin:0 0 .5rem;font-size:clamp(1.2rem,3vw,1.6rem)}.pe-card>p{margin:0 0 1rem;line-height:1.65}.pe-private{color:var(--focus);font-size:.9rem;font-weight:700}.pe-drop{text-align:center;border:2px dashed var(--line);background:var(--surface-muted);border-radius:.8rem;justify-items:center;gap:.7rem;margin:1rem 0;padding:1.5rem 1rem;display:grid}.pe-drop p{margin:0}.pe-drop>input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.pe-drop:focus-within{outline:3px solid var(--focus);outline-offset:3px}.pe-drop small{color:var(--muted);font-size:.8rem}.pe-stage{gap:1rem;display:grid}.pe-stage canvas{object-fit:contain;border:1px solid var(--line);background:var(--surface-muted);touch-action:manipulation;border-radius:.7rem;width:100%;max-height:560px;display:block}.pe-comparebar{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.pe-comparebar .button{-webkit-user-select:none;user-select:none}.pe-presets{flex-wrap:wrap;gap:.6rem;margin:.8rem 0 0;display:flex}.pe-presets .button[aria-pressed=true]{outline:3px solid var(--focus);outline-offset:2px}.pe-group{border:0;min-width:0;margin:1.2rem 0 0;padding:0}.pe-group legend{margin-bottom:.4rem;padding:0;font-weight:750}.pe-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem 1.2rem;display:grid}.pe-sliders label{gap:.35rem;margin:.5rem 0;font-size:.9rem;font-weight:650;display:grid}.pe-sliders output{color:var(--muted);font-size:.82rem;font-weight:500}.pe-sliders input[type=range]{width:100%;min-height:44px;accent-color:var(--focus)}.pe-row{flex-wrap:wrap;gap:.6rem;margin:.8rem 0 0;display:flex}.pe-row .button[aria-pressed=true]{outline:3px solid var(--focus);outline-offset:2px}.pe-selects{grid-template-columns:1fr 1fr;gap:.4rem 1.2rem;margin-top:.6rem;display:grid}.pe-selects label{gap:.35rem;margin:.5rem 0;font-size:.9rem;font-weight:650;display:grid}.pe-selects select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:var(--surface-muted);font:inherit;border-radius:.55rem;padding:.65rem}.pe-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.pe-actions .button-primary{flex:1}.pe-error{border:1px solid #c77373;border-radius:.6rem;padding:1rem}.pe-result a{overflow-wrap:anywhere}.pe-tool :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:700px){.pe-sliders{grid-template-columns:1fr 1fr}.pe-actions>.button{width:100%}}@media (max-width:460px){.pe-sliders,.pe-selects{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pe-stage canvas{transition:none}}@media (min-width:900px){.pe-live{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.pe-live>.pe-controls{align-content:start;gap:1.5rem;min-width:0;display:grid}.pe-preview{position:sticky;top:90px}}@media (max-width:899px){.pe-preview{z-index:5;position:sticky;top:70px}.pe-preview .pe-stage canvas{max-height:30vh}}