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