.tool-nav{display:flex;align-items:stretch;gap:.5rem;width:-webkit-max-content;width:max-content;max-width:100%;min-width:0;margin:0 auto;padding:.35rem .25rem .6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff73 #0000;cursor:grab;-webkit-user-select:none;user-select:none}.tool-nav::-webkit-scrollbar{height:6px}.tool-nav::-webkit-scrollbar-track{background:#0000}.tool-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.tool-nav.dragging{cursor:grabbing;scroll-snap-type:none}.tool-nav-pill{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;padding:.6rem 1.1rem;border-radius:999px;border:1px solid #ffffff29;background:#ffffff0f;color:#fff;font-size:.92rem;font-weight:700;text-decoration:none;white-space:nowrap;scroll-snap-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.tool-nav-pill:hover{background:#ffffff24;border-color:#ffffff59;color:#fff;transform:translateY(-1px)}.tool-nav-pill.active{background:linear-gradient(135deg,#ff7502,#ffb366);border-color:#0000;color:#fff;box-shadow:0 6px 18px #ff750273}.tool-nav-pill.active:hover{transform:none}.tool-nav-icon{width:1.15rem;height:1.15rem;object-fit:contain;pointer-events:none}.tool-nav-icon-svg{font-size:1rem}.tool-nav-icon-svg,.tool-nav-label{pointer-events:none}.tool-nav-pill-all{border-style:dashed;border-color:#ffb36699;color:#ffd9b3}.tool-nav-pill-all:hover{color:#fff}@media (max-width:525px){.tool-nav{gap:.4rem;justify-content:flex-start;padding-left:.75rem;padding-right:.75rem}.tool-nav-pill{padding:.5rem .85rem;font-size:.85rem}}.input-form{padding:1rem 0;flex-direction:row;justify-content:center;gap:.5rem;flex-wrap:wrap}.input-form,.input-wrapper{display:flex;align-items:center}.input-wrapper{position:relative;width:40%;background:#fff;border-radius:15px;overflow:hidden}.inputBox{flex:1 1;padding:1rem;border:none;background:#0000;color:#000;font-weight:300;transition:.3s ease;outline:none;min-width:0}.pasteBtn{display:flex;align-items:center;gap:5px;padding:.5rem .75rem;margin-right:6px;background:#f0f0f0;border:none;border-radius:10px;cursor:pointer;color:#555;font-size:.8rem;font-weight:600;white-space:nowrap;transition:background .2s ease,color .2s ease;flex-shrink:0}.pasteBtn:hover{background:#ff7502;color:#fff}.pasteBtn--clear{background:#fff0f0;color:#e53e3e}.pasteBtn--clear:hover{background:#e53e3e;color:#fff}.submitBtn{padding:1rem 1.5rem;background:#fff;border-radius:15px;font-weight:bolder;cursor:pointer;color:var(--purple-500);transition:.3s ease}.submitBtn,input.submitBtn:hover{border:none}input.inputBox:focus{background-color:initial}@media (max-width:525px){.input-wrapper{width:80%}.input-form{flex-direction:column}.submitBtn{width:80%}}