body{align-items:flex-start;display:flex;justify-content:center}.App{width:80%}:root{--primary-color:#3498db;--secondary-color:#2ecc71;--background-color:#f5f7fa;--text-color:#333;--header-height:60px}body{background-color:#f5f7fa;background-color:var(--background-color);color:var(--text-color);font-family:Roboto,Arial,sans-serif;line-height:1.6;padding:0}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}.main-content{margin-top:60px;margin-top:var(--header-height);padding:2rem 0}.card{background-color:#fff;border-radius:8px;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px) scale(1.02)}.btn{background-color:#3498db;background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease,color .3s ease}.btn:hover{background-color:#2980b9;color:#fff}input,select,textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:1rem;padding:.5rem;transition:box-shadow .3s ease;width:100%}input:focus,select:focus,textarea:focus{box-shadow:0 0 5px #0003;outline:none}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}@media (max-width:768px){.container{padding:0 10px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.json-beautifier{background-color:#fff;color:#333;display:flex;flex-direction:column}.main-content{display:flex;gap:20px;overflow:hidden;padding:20px}.editor-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0;padding:15px;transition:box-shadow .3s ease}.editor-section:hover{box-shadow:0 4px 8px #0000001a}.controls-section{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;gap:10px;margin-right:20px;padding:10px}.toolbar{align-items:center;display:flex;gap:10px}.json-search-Input,.toolbar{flex-shrink:0;margin-bottom:10px}.json-search-Input{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-family:monospace;padding:10px;width:100%}.json-search-Input:focus{border-color:#00b894;outline:none}.Input-Textarea,.output-Textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;flex:1 1;font-family:monospace;font-size:14px;line-height:1.5;overflow:auto;padding:15px;resize:none}.Input-Textarea:focus,.output-Textarea:focus{border-color:#00b894;outline:none}.Input-Textarea::placeholder,.output-Textarea::placeholder{color:#999}.json-view-container{background-color:#fff;border-radius:4px;display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:500px;overflow:auto}.json-path-Input{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;flex-shrink:0;font-family:monospace;margin-bottom:10px;padding:10px;width:100%}.json-path-Input:focus{border-color:#00b894;outline:none}.json-actions{display:flex;flex-shrink:0;gap:10px;margin-top:auto}:global(.button){background-color:#00b894!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;padding:10px 20px!important;transition:background-color .3s!important;white-space:nowrap!important}:global(.button:hover){background-color:#00a884!important}:global(.button:disabled){background-color:#ccc!important;cursor:not-allowed!important}:global(.select){background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;color:#333!important;padding:8px!important}:global(.select:focus){border-color:#00b894!important;outline:none!important}:global(.input){background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;color:#333!important;padding:8px!important}:global(.input:focus){border-color:#00b894!important;outline:none!important}.react-json-view{background-color:initial!important;border-radius:4px!important;flex:1 1!important;font-family:monospace!important;font-size:14px!important;overflow:auto!important;padding:0!important}:global(.Toastify__toast){background-color:#fff!important;border:1px solid #e0e0e0!important;color:#333!important}:global(.Toastify__toast--success){background-color:#00b894!important;border:none!important;color:#fff!important}:global(.Toastify__toast--error){background-color:#ff6b6b!important;border:none!important;color:#fff!important}.file-input-area{background-color:#f8f9fa;border:2px dashed #e0e0e0;border-radius:4px;cursor:pointer;flex-shrink:0;margin-bottom:10px;padding:20px;text-align:center}.file-input-area:hover{border-color:#00b894}.button{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;outline:none;overflow:hidden;padding:10px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.button-primary{background-color:#3498db;color:#fff}.button-primary:hover{background-color:#2980b9}.button-secondary{background-color:#2ecc71;color:#fff}.button-secondary:hover{background-color:#27ae60}.button-outlined{background-color:initial;border:2px solid #3498db;color:#3498db}.button-outlined:hover{background-color:#3498db;color:#fff}.button:disabled{cursor:not-allowed;opacity:.6}.button-small{font-size:14px;padding:8px 16px}.button-large{font-size:18px;padding:12px 24px}.button-icon{align-items:center;display:inline-flex;justify-content:center}.button-icon svg{margin-right:8px}.button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}@keyframes ripple{0%{opacity:1;transform:scale(0)}20%{opacity:1;transform:scale(25)}to{opacity:0;transform:scale(40)}}.button:focus:not(:active):after{animation:ripple 1s ease-out}@media (max-width:768px){.button{font-size:14px;padding:8px 16px}.button-large{font-size:16px;padding:10px 20px}}.input-container{margin-bottom:20px;position:relative}.input-element,.input-futuristic,.text-input,input{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;color:#333;font-size:16px;margin:8px 0;padding:12px 15px;transition:all .3s ease;width:95%}.input-element:hover,.input-futuristic:hover,.text-input:hover,input:hover{background-color:#e8e8e8;border-color:#b3b3b3}.input-element:focus,.input-futuristic:focus,.text-input:focus,input:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.input-element{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;transition:all .3s ease;width:100%}.input-element:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133;outline:none}.floating-label{color:#777;font-size:16px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.input-container .input-element:not(:placeholder-shown)+.floating-label,.input-container.focused .floating-label{background-color:#fff;color:#4299e1;font-size:12px;padding:0 5px;top:0}.label-input-container{display:flex;flex-direction:column}.label-input-container label{color:#666;font-size:14px;margin-bottom:5px;transition:all .3s ease}.label-input-container label:focus-within{color:#007bff}.file-input-container{border:2px dashed #ccc;border-radius:4px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.file-input-container.dragging,.file-input-container:hover{background-color:#007bff0d;border-color:#007bff}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.file-input-label{color:#333;cursor:pointer;display:block;font-size:16px}.file-input-text{margin-bottom:10px}.file-input-plus{color:#007bff;display:inline-block;font-size:24px;line-height:1;margin-left:10px}.input-futuristic{border:2px solid #0000;box-shadow:0 4px 6px #0000001a}@keyframes focusAnimation{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.input-element:focus,.input-futuristic:focus,.text-input:focus,input:focus{animation:focusAnimation .3s ease-in-out}@media screen and (max-width:768px){.file-input-label,.input-element,.input-futuristic,.text-input,input{font-size:14px;padding:10px 12px}.file-input-plus{font-size:20px}}.textarea-container{margin-bottom:20px}.textarea-element{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;color:#333;font-family:inherit;font-size:16px;line-height:1.5;margin:8px 0;min-height:100px;padding:12px 15px;resize:vertical;transition:all .3s ease;width:100%}.textarea-element:hover{background-color:#e8e8e8;border-color:#b3b3b3}.textarea-element:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.textarea-element::-webkit-scrollbar{width:8px}.textarea-element::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.textarea-element::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.textarea-element::-webkit-scrollbar-thumb:hover{background:#555}@keyframes textareaFocusAnimation{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.textarea-element:focus{animation:textareaFocusAnimation .3s ease-in-out}@media screen and (max-width:768px){.textarea-element{font-size:14px;padding:10px 12px}}.back-button{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:16px;gap:5px;padding:0}.back-button:hover{color:#0056b3}.title-container{align-items:center;display:flex;gap:15px;margin-bottom:20px}.title-container h2{margin:0;width:100%}.json-utility-container{background-color:#fff;border-radius:8px;margin:0;padding:1rem;width:100%}.json-utility-container h2{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.json-input,.json-output{border:1px solid #e0e0e0;border-radius:4px;font-family:monospace;font-size:14px;line-height:1.5;margin-bottom:1rem;min-height:200px;padding:.5rem;resize:vertical;width:100%}.json-controls{display:flex;justify-content:space-between;margin-bottom:1rem}.json-button{background-color:#00b894;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.json-button:hover{background-color:#00a884}.json-button:disabled{background-color:#ccc;cursor:not-allowed}.json-result{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-top:1rem;overflow-x:auto;padding:1rem}.json-diff{font-family:monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.json-diff .diff-added{background-color:#e6ffed;color:#22863a}.json-diff .diff-removed{background-color:#ffeef0;color:#cb2431}.json-diff .diff-unchanged{color:#24292e}.json-tree{font-family:monospace;font-size:14px;line-height:1.5}.json-tree ul{list-style-type:none;padding-left:1.5em}.json-tree .json-key{color:#881391}.json-tree .json-string{color:#1a1aa6}.json-tree .json-number{color:#164}.json-tree .json-boolean{color:#00f}.json-tree .json-null{color:grey}.json-error{color:#e74c3c;font-weight:700;margin-top:1rem}@media (max-width:768px){.json-utility-container{padding:.5rem}.json-utility-container h2{font-size:1.5rem}.json-controls{flex-direction:column}.json-button{margin-bottom:.5rem}}.select-container{margin-bottom:20px;position:relative;width:100%}.select-element{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-bottom:1px solid #ccc;color:#333;cursor:pointer;font-size:16px;padding:12px 30px 12px 15px;transition:all .3s ease;width:100%}.select-element:focus{border-bottom:2px solid #1976d2;outline:none}.select-label{color:#757575;left:0;pointer-events:none;position:absolute;top:12px;transition:all .3s ease}.select-element:focus+.select-label,.select-element:not(:placeholder-shown)+.select-label{color:#1976d2;font-size:12px;top:-10px}.select-container:after{color:#757575;content:"▼";pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.utility-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.utility-container h2{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;text-align:center}.utility-container input[type=color],.utility-container input[type=number],.utility-container input[type=text],.utility-container select,.utility-container textarea{border:1px solid #ced4da;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}.utility-container input[type=file]{background-color:#e8f4f8;border:2px dashed #3498db;border-radius:4px;cursor:pointer;margin-bottom:1rem;padding:.5rem;transition:all .3s ease;width:100%}.utility-container input[type=file]:hover{background-color:#d1e8f2}.utility-container button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.utility-container button:hover{background-color:#2980b9}.utility-container button:disabled{background-color:#bdc3c7;cursor:not-allowed}.utility-preview{background-color:#fff;border:1px solid #ced4da;border-radius:4px;margin-top:2rem;padding:1rem}.utility-result{font-size:1rem;line-height:1.5;margin-top:1rem;white-space:pre-wrap;word-break:break-all}.color-preview{border:1px solid #ced4da;border-radius:4px;height:100px;margin:1rem auto;width:100px}.grid-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.grid-item{background-color:#f1f3f5;border-radius:4px;padding:1rem;text-align:center}@media (max-width:768px){.utility-container{padding:1rem}.utility-container h2{font-size:1.5rem}}.bodybeautifier{align-items:center;display:flex;flex-direction:row;font-family:Arial,sans-serif;gap:20px;justify-content:center;padding:20px;width:100%}.iptextarea{height:40vh;width:50vh}.isp{height:20vh;margin-bottom:10px;margin-top:10px}.textarea{height:60vh;width:50vh}button{margin:10px}.column{display:flex;flex-direction:column}button{border-radius:5px;margin-top:15px}button:hover{background-color:#45a049!important}input[type=file]{margin-bottom:15px}.drag-drop-area{background-color:#e6f7ff;border:2px dashed #007bff;border-radius:8px;color:#007bff;cursor:pointer;margin:10px 0;padding:20px}.drag-drop-area:hover{background-color:#cfe2ff}.selected-pages-input{border:1px solid #ccc;border-radius:4px;margin-top:10px;padding:8px;width:100%}.pdf-handler-container{align-items:center;background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.pdf-handler-container h1{color:#333;font-size:24px;margin-bottom:20px}.pdf-handler-container input[type=file]{background-color:#e6e6e6;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#333;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.pdf-handler-container input[type=file]::-webkit-file-upload-button{display:none}.pdf-handler-container input[type=file]::file-selector-button{display:none}.pdf-handler-container button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.pdf-handler-container button:hover{background-color:#262626}.pdf-handler-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.pdf-handler-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.pdf-handler-container{padding:10px;width:100%}}.pdf-utility-container{background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;margin:2rem auto;max-width:800px;padding:2rem;transition:all .3s ease}.pdf-utility-container:hover{box-shadow:0 8px 15px #0000001a,0 2px 4px #00000014;transform:translateY(-2px)}.pdf-utility-container h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.pdf-input-wrapper{margin-bottom:1.5rem}.pdf-utility-container input[type=file]{background-color:#e8f4f8;border:2px dashed #3498db;border-radius:8px;cursor:pointer;padding:.75rem;transition:all .3s ease;width:100%}.pdf-utility-container input[type=file]:hover{background-color:#d1e8f2}.pdf-utility-container input[type=number],.pdf-utility-container input[type=password],.pdf-utility-container input[type=text],.pdf-utility-container select{border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.pdf-utility-container input[type=number]:focus,.pdf-utility-container input[type=password]:focus,.pdf-utility-container input[type=text]:focus,.pdf-utility-container select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db40;outline:none}.pdf-button,.pdf-utility-container button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease;width:100%}.pdf-button:hover,.pdf-utility-container button:hover{background-color:#2980b9}.pdf-button:disabled,.pdf-utility-container button:disabled{background-color:#bdc3c7;cursor:not-allowed}.pdf-preview{border:1px solid #bdc3c7;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;margin:2rem 0;max-width:100%;overflow:hidden}.pdf-preview .react-pdf__Document{align-items:center;display:flex;flex-direction:column}.pdf-preview .react-pdf__Page{box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;max-width:100%}.pdf-preview canvas{height:auto!important;max-width:100%}.pdf-result{background-color:#ecf0f1;border-radius:8px;margin-top:2rem;padding:1rem}.pdf-result h3{color:#2c3e50;margin-bottom:1rem}.pdf-download{background-color:#2ecc71;border-radius:4px;color:#fff;display:inline-block;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.pdf-download:hover{background-color:#27ae60}.pdf-pages-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pdf-page-thumbnail{border:1px solid #bdc3c7;border-radius:4px;cursor:pointer;flex:0 0 auto;height:141px;overflow:hidden;transition:all .3s ease;width:100px}.pdf-page-thumbnail:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.pdf-page-thumbnail.selected{border-color:#3498db;box-shadow:0 0 0 2px #3498db}@media (max-width:768px){.pdf-utility-container{padding:1rem}.pdf-utility-container h2{font-size:1.5rem}.pdf-pages-container{justify-content:center}}.combine-pdfs-container{align-items:center;background-color:#f2f2f2;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;padding:20px}.combine-pdfs-container h1{color:#4a4e69;font-size:24px;margin-bottom:20px}.combine-pdfs-container input[type=file]{border:2px solid #9a8c98;border-radius:5px;margin-bottom:20px;padding:10px}.combine-pdfs-container button{background-color:#4a4e69;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.combine-pdfs-container button:hover{background-color:#372549}.combine-pdfs-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.combine-pdfs-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.combine-pdfs-container{padding:10px;width:100%}}.compress-pdfs-container{align-items:center;background-color:#e8eddf;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;padding:20px}.compress-pdfs-container h1{color:#38b000;font-size:24px;margin-bottom:20px}.compress-pdfs-container input[type=file]{border:2px solid #ac0;border-radius:5px;margin-bottom:20px;padding:10px}.compress-pdfs-container button{background-color:#38b000;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.compress-pdfs-container button:hover{background-color:#2d7d00}.compress-pdfs-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.compress-pdfs-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.compress-pdfs-container{padding:10px;width:100%}}.pdf-container,.react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;overflow-y:auto;padding:10px}.react-pdf__Page__canvas{height:auto;width:100px}.annotationLayer,.textLayer{display:none}.pdf-handler{background-color:#f2f2f2;border:1px solid #dcdcdc;border-radius:10px;margin:auto;max-width:800px;padding:20px}.pdf-handler h2{color:#333;margin-bottom:20px;text-align:center}.pdf-container{background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;max-height:400px;overflow-y:auto;padding:10px}.pdf-page{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;flex:none;padding:5px;text-align:center}.pdf-page input[type=checkbox]{margin-top:5px}.extract-pdf-pages-container{align-items:center;background-color:#fff3cd;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.extract-pdf-pages-container h1{color:#856404;font-size:24px;margin-bottom:20px}.extract-pdf-pages-container input[type=file]{background-color:#ffeeba;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#856404;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.extract-pdf-pages-container input[type=file]::-webkit-file-upload-button{display:none}.extract-pdf-pages-container input[type=file]::file-selector-button{display:none}.extract-pdf-pages-container button{background-color:#856404;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.extract-pdf-pages-container button:hover{background-color:#704c00}.extract-pdf-pages-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.extract-pdf-pages-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.extract-pdf-pages-container{padding:10px;width:100%}}.remove-pdf-pages-container{align-items:center;background-color:#d1e7dd;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.remove-pdf-pages-container h1{color:#0f5132;font-size:24px;margin-bottom:20px}.remove-pdf-pages-container input[type=file],.remove-pdf-pages-container input[type=text]{background-color:#badbcc;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#0f5132;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.remove-pdf-pages-container input[type=file]::-webkit-file-upload-button{display:none}.remove-pdf-pages-container input[type=file]::file-selector-button,.remove-pdf-pages-container input[type=text]::placeholder{display:none}.remove-pdf-pages-container button{background-color:#0f5132;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.remove-pdf-pages-container button:hover{background-color:#0c4128}.remove-pdf-pages-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.remove-pdf-pages-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.remove-pdf-pages-container{padding:10px;width:100%}}.add-page-numbers-to-pdf-handler{align-items:center;background-color:#f2f2f2;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:50px auto auto;max-width:600px;padding:20px}.add-page-numbers-to-pdf-handler h2{color:#333;margin-bottom:20px}.add-page-numbers-to-pdf-handler button,.add-page-numbers-to-pdf-handler input[type=file]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px 0;padding:10px 15px;transition:background-color .3s ease}.add-page-numbers-to-pdf-handler button:hover,.add-page-numbers-to-pdf-handler input[type=file]:hover{background-color:#45a049}.add-page-numbers-to-pdf-handler button:disabled{background-color:#ccc;cursor:not-allowed}.add-page-numbers-to-pdf-handler input[type=file]{cursor:pointer}.add-page-numbers-to-pdf-handler .pdf-preview{border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:10px}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;margin:0}.container{background:#fff;box-shadow:0 2px 5px #0000001a;margin:auto;max-width:800px;padding:20px}h1,h2,h3{color:#5d647b}p{line-height:1.6}button,input[type=file],input[type=text]{border:none;border-radius:5px;margin:10px 0;padding:10px}button{transition:background-color .3s ease}input[type=file],input[type=text]{box-sizing:border-box;width:100%}@media (max-width:600px){.container{padding:10px;width:100%}button,input[type=file],input[type=text]{width:100%}}.rotate-pdf-pages-container{align-items:center;background-color:#ffebee;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.rotate-pdf-pages-container h1{color:#b71c1c;font-size:24px;margin-bottom:20px}.rotate-pdf-pages-container input[type=file],.rotate-pdf-pages-container input[type=number]{background-color:#ffcdd2;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#b71c1c;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.rotate-pdf-pages-container input[type=file]::-webkit-file-upload-button{display:none}.rotate-pdf-pages-container input[type=file]::file-selector-button,.rotate-pdf-pages-container input[type=number]::-webkit-inner-spin-button,.rotate-pdf-pages-container input[type=number]::-webkit-outer-spin-button{display:none}.rotate-pdf-pages-container button{background-color:#b71c1c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.rotate-pdf-pages-container button:hover{background-color:#9a0007}.rotate-pdf-pages-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.rotate-pdf-pages-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.rotate-pdf-pages-container{padding:10px;width:100%}}.html-to-pdf-container{align-items:center;background-color:#eaecef;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.html-to-pdf-container h1{color:#2c3e50;font-size:24px;margin-bottom:20px}.html-to-pdf-container textarea{border:2px solid #2c3e50;border-radius:5px;height:150px;margin-bottom:20px;padding:10px;resize:vertical;width:100%}.html-to-pdf-container button{background-color:#2c3e50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.html-to-pdf-container button:hover{background-color:#1b2838}.html-to-pdf-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.html-to-pdf-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.html-to-pdf-container{padding:10px;width:100%}}.sign-pdf-container{align-items:center;background-color:#e9ecef;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.sign-pdf-container h1{color:#495057;font-size:24px;margin-bottom:20px}.sign-pdf-container input[type=file],.sign-pdf-container input[type=text]{background-color:#dee2e6;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#495057;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.sign-pdf-container input[type=file]::-webkit-file-upload-button{display:none}.sign-pdf-container input[type=file]::file-selector-button,.sign-pdf-container input[type=text]::placeholder{display:none}.sign-pdf-container button{background-color:#495057;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.sign-pdf-container button:hover{background-color:#343a40}.sign-pdf-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.sign-pdf-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.sign-pdf-container{padding:10px;width:100%}}.unlock-pdf-container{align-items:center;background-color:#fff3e0;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.unlock-pdf-container h1{color:#ff6f00;font-size:24px;margin-bottom:20px}.unlock-pdf-container input[type=file],.unlock-pdf-container input[type=text]{background-color:#ffcc80;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#ff6f00;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.unlock-pdf-container input[type=file]::-webkit-file-upload-button{display:none}.unlock-pdf-container input[type=file]::file-selector-button,.unlock-pdf-container input[type=text]::placeholder{display:none}.unlock-pdf-container button{background-color:#ff6f00;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.unlock-pdf-container button:hover{background-color:#e65100}.unlock-pdf-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.unlock-pdf-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.unlock-pdf-container{padding:10px;width:100%}}.images-to-pdf-container{align-items:center;background-color:#e3f2fd;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.images-to-pdf-container h1{color:#0d47a1;font-size:24px;margin-bottom:20px}.images-to-pdf-container input[type=file]{background-color:#bbdefb;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#0d47a1;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.images-to-pdf-container input[type=file]::-webkit-file-upload-button{display:none}.images-to-pdf-container input[type=file]::file-selector-button{display:none}.images-to-pdf-container button{background-color:#0d47a1;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.images-to-pdf-container button:hover{background-color:#093170}.images-to-pdf-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.images-to-pdf-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.images-to-pdf-container{padding:10px;width:100%}}.image-to-pdf-container{align-items:center;background-color:#ffe0b2;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.image-to-pdf-container h1{color:#ff6f00;font-size:24px;margin-bottom:20px}.image-to-pdf-container input[type=file]{background-color:#ffcc80;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#ff6f00;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.image-to-pdf-container input[type=file]::-webkit-file-upload-button{display:none}.image-to-pdf-container input[type=file]::file-selector-button{display:none}.image-to-pdf-container button{background-color:#ff6f00;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.image-to-pdf-container button:hover{background-color:#e65100}.image-to-pdf-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.image-to-pdf-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.image-to-pdf-container{padding:10px;width:100%}}.lock-pdf-container{align-items:center;background-color:#f8d7da;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin:auto;max-width:600px;padding:20px}.lock-pdf-container h1{color:#721c24;font-size:24px;margin-bottom:20px}.lock-pdf-container input[type=file],.lock-pdf-container input[type=text]{background-color:#f5c6cb;border:none;border-radius:5px;box-shadow:inset 0 0 5px #0000001a;color:#721c24;cursor:pointer;padding:10px 15px;text-align:center;width:100%}.lock-pdf-container input[type=file]::-webkit-file-upload-button{display:none}.lock-pdf-container input[type=file]::file-selector-button,.lock-pdf-container input[type=text]::placeholder{display:none}.lock-pdf-container button{background-color:#721c24;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.lock-pdf-container button:hover{background-color:#501f1f}.lock-pdf-container .react-pdf__Document{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.lock-pdf-container .react-pdf__Page{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;flex:none}@media (max-width:600px){.lock-pdf-container{padding:10px;width:100%}}.image-compressor-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.image-compressor-container h2{margin-bottom:20px;text-align:center}.image-compressor-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:8px 12px;text-align:center}.image-compressor-container .file-input{opacity:0;position:absolute;z-index:-1}.image-compressor-container button,.image-compressor-container input[type=number]{background-color:#e9ecef;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.image-compressor-container button{background-color:#007bff;color:#fff}.image-compressor-container button:hover{background-color:#0069d9}@media screen and (max-width:768px){.image-compressor-container{width:90%}}@media screen and (max-width:480px){.image-compressor-container{width:100%}.image-compressor-container button,.image-compressor-container input[type=number]{font-size:14px}}img{border-radius:4px;height:auto;max-width:100%}.image-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;max-width:100%;padding:20px}.image-preview{border-radius:4px;box-shadow:0 2px 8px #00000026;display:block;margin:0 auto 20px}.image-upload-area{border:2px dashed #3498db;border-radius:4px;cursor:pointer;padding:20px;text-align:center;transition:background-color .3s ease}.image-upload-area:hover{background-color:#e8f4f8}.image-upload-icon{color:#3498db;font-size:48px;margin-bottom:10px}.image-upload-text{color:#333;font-size:16px}.image-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.image-control{flex:1 1 200px}.image-control label{color:#333;display:block;font-weight:700;margin-bottom:5px}.image-control input[type=number],.image-control input[type=range],.image-control select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:100%}.image-actions{display:flex;justify-content:space-between;margin-top:20px}.image-action-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.image-action-button:hover{background-color:#2980b9}.image-result{background-color:#e8f4f8;border-radius:4px;margin-top:20px;padding:20px}.image-result-title{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.image-download-link{background-color:#2ecc71;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.image-download-link:hover{background-color:#27ae60}@media (max-width:768px){.image-controls{flex-direction:column}.image-control{flex-basis:100%}.image-actions{flex-direction:column;gap:10px}.image-action-button{width:100%}}.image-utility-container{background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;margin:2rem auto;max-width:800px;padding:2rem;transition:all .3s ease}.image-utility-container:hover{box-shadow:0 8px 15px #0000001a,0 2px 4px #00000014;transform:translateY(-2px)}.image-utility-container h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.image-input-wrapper{margin-bottom:1.5rem}.image-input{background-color:#e8f4f8;border:2px dashed #3498db;border-radius:8px;cursor:pointer;padding:.75rem;transition:all .3s ease;width:100%}.image-input:hover{background-color:#d1e8f2}.image-preview{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;margin:1rem 0;max-width:100%}.image-options{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.image-option{flex:1 1 200px}.image-option label{color:#34495e;display:block;font-weight:600;margin-bottom:.5rem}.image-option input,.image-option select{border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.image-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.image-button:hover{background-color:#2980b9}.image-result{background-color:#ecf0f1;border-radius:8px;margin-top:2rem;padding:1rem}.image-result h3{color:#2c3e50;margin-bottom:1rem}.image-download{background-color:#2ecc71;border-radius:4px;color:#fff;display:inline-block;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.image-download:hover{background-color:#27ae60}@media (max-width:600px){.image-utility-container{padding:1rem}.image-options{flex-direction:column}.image-option{flex-basis:100%}}.change-image-format-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.change-image-format-container h2{margin-bottom:20px;text-align:center}.change-image-format-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:8px 12px;text-align:center}.change-image-format-container .file-input{opacity:0;position:absolute;z-index:-1}.change-image-format-container button,.change-image-format-container select{background-color:#e9ecef;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:15px;padding:10px;width:100%}.change-image-format-container button{background-color:#007bff;color:#fff}.change-image-format-container button:hover{background-color:#0069d9}@media screen and (max-width:768px){.change-image-format-container{width:90%}}@media screen and (max-width:480px){.change-image-format-container{width:100%}.change-image-format-container button,.change-image-format-container select{font-size:14px}}.resize-image-percentage-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.resize-image-percentage-container h2{margin-bottom:20px;text-align:center}.resize-image-percentage-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:8px 12px;text-align:center}.resize-image-percentage-container .file-input{opacity:0;position:absolute;z-index:-1}.resize-image-percentage-container button,.resize-image-percentage-container input[type=number],.resize-image-percentage-container select{background-color:#e9ecef;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.resize-image-percentage-container button{background-color:#007bff;color:#fff}.resize-image-percentage-container button:hover{background-color:#0069d9}@media screen and (max-width:768px){.resize-image-percentage-container{width:90%}}@media screen and (max-width:480px){.resize-image-percentage-container{width:100%}.resize-image-percentage-container button,.resize-image-percentage-container input[type=number],.resize-image-percentage-container select{font-size:14px}}.resize-convert-image-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.resize-convert-image-container h2{margin-bottom:20px;text-align:center}.resize-convert-image-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:8px 12px;text-align:center}.resize-convert-image-container .file-input{opacity:0;position:absolute;z-index:-1}.resize-convert-image-container button,.resize-convert-image-container input[type=number],.resize-convert-image-container select{background-color:#e9ecef;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.resize-convert-image-container button{background-color:#007bff;color:#fff}.resize-convert-image-container button:hover{background-color:#0069d9}@media screen and (max-width:768px){.resize-convert-image-container{width:90%}}@media screen and (max-width:480px){.resize-convert-image-container{width:100%}.resize-convert-image-container button,.resize-convert-image-container input[type=number],.resize-convert-image-container select{font-size:14px}}.bulk-image-resize-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.bulk-image-resize-container h2{margin-bottom:20px;text-align:center}.bulk-image-resize-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:8px 12px;text-align:center}.bulk-image-resize-container .file-input{opacity:0;position:absolute;z-index:-1}.bulk-image-resize-container button,.bulk-image-resize-container input[type=number]{background-color:#e9ecef;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.bulk-image-resize-container button{background-color:#007bff;color:#fff}.bulk-image-resize-container button:hover{background-color:#0069d9}@media screen and (max-width:768px){.bulk-image-resize-container{width:90%}}@media screen and (max-width:480px){.bulk-image-resize-container{width:100%}.bulk-image-resize-container button,.bulk-image-resize-container input[type=number]{font-size:14px}}.image-cropper-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.image-cropper-container h2{margin-bottom:20px;text-align:center}.image-cropper-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:8px 12px;text-align:center}.image-cropper-container .file-input{opacity:0;position:absolute;z-index:-1}.image-cropper-container .ReactCrop{border:1px solid #ddd;margin-bottom:15px}.image-cropper-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s;width:100%}.image-cropper-container button:hover{background-color:#0069d9}.image-cropper-container a{color:#007bff;display:inline-block;margin-top:10px;text-decoration:none}.image-cropper-container a:hover{text-decoration:underline}@media screen and (max-width:768px){.image-cropper-container{width:90%}}@media screen and (max-width:480px){.image-cropper-container{width:100%}.image-cropper-container button{font-size:14px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.bulk-convert-image-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.bulk-convert-image-container h2{margin-bottom:20px;text-align:center}.bulk-convert-image-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:8px 12px;text-align:center}.bulk-convert-image-container .file-input{opacity:0;position:absolute;z-index:-1}.bulk-convert-image-container button,.bulk-convert-image-container select{background-color:#e9ecef;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:15px;padding:10px;width:100%}.bulk-convert-image-container button{background-color:#007bff;color:#fff}.bulk-convert-image-container button:hover{background-color:#0069d9}@media screen and (max-width:768px){.bulk-convert-image-container{width:90%}}@media screen and (max-width:480px){.bulk-convert-image-container{width:100%}.bulk-convert-image-container button,.bulk-convert-image-container select{font-size:14px}}.bulk-compress-convert-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;font-family:Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:20px}.bulk-compress-convert-container h1{color:#333;margin-bottom:25px;text-align:center}.bulk-compress-convert-container .range-slider,.bulk-compress-convert-container input[type=file],.bulk-compress-convert-container select{background-color:#fafafa;border:1px solid #ccc;border-radius:5px;margin-bottom:20px;padding:12px;width:100%}.bulk-compress-convert-container .range-slider input[type=range]{width:calc(100% - 28px)}.bulk-compress-convert-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:12px 0;transition:background-color .3s;width:100%}.bulk-compress-convert-container button:hover{background-color:#0069d9}.bulk-compress-convert-container .output{background:#e9ecef;border:1px solid #dee2e6;border-radius:5px;margin-top:25px;padding:20px}@media screen and (max-width:768px){.bulk-compress-convert-container{width:90%}}@media screen and (max-width:480px){.bulk-compress-convert-container{width:100%}.bulk-compress-convert-container button,.bulk-compress-convert-container input[type=file],.bulk-compress-convert-container select{font-size:14px}}.bulk-compress-convert-container .custom-file-upload{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;margin-bottom:20px;padding:6px 12px}.bulk-compress-convert-container .file-input{opacity:0;position:absolute;z-index:-1}.color-history-item{display:inline-block;height:50px;margin:5px;width:50px}.gradient-creator{margin:auto;max-width:800px;padding:20px;text-align:center}.gradient-creator h3{margin-bottom:10px}.gradient-creator select,.gradient-creator textarea{border:1px solid #ccc;border-radius:4px;margin-top:10px;padding:10px;width:100%}.gradient-preview{align-items:center;border-radius:4px;color:#fff;display:flex;justify-content:center;margin-top:20px}.copy-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.copy-btn:hover{background-color:#45a049}.colorPickerCursor{cursor:crosshair}.image-uploader-container{background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:600px;padding:20px;text-align:center}.image-uploader-container input[type=file]{margin-bottom:15px}.image-uploader-container label{display:inline-block;font-weight:700;margin-right:10px}.image-uploader-container input[type=checkbox],.image-uploader-container input[type=number]{margin-bottom:15px;margin-right:5px}.image-uploader-container button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.image-uploader-container button:hover{background-color:#45a049}.image-uploader-container textarea{border:1px solid #ddd;border-radius:4px;height:80px;margin-top:15px;padding:10px;resize:none;width:100%}.error-message{color:red;margin-top:10px}.background-remover-container{background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:500px;padding:20px;text-align:center}.background-remover-container input[type=file]{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.background-remover-container label{color:#333;display:block;font-size:16px;margin-bottom:5px}.background-remover-container input[type=number]{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.background-remover-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px}.background-remover-container button:hover{background-color:#0056b3!important}.background-remover-container .error-message{color:red;margin-top:15px}.background-remover-container textarea{border:1px solid #ccc;border-radius:4px;height:80px;margin-top:15px;padding:10px;resize:none;width:100%}.spinner{animation:spin 2s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.svg-to-png-container{margin:0 auto;max-width:600px;padding:20px}.svg-to-png-container h2{margin-bottom:10px}.svg-to-png-container textarea{height:200px;margin-bottom:10px;padding:10px;width:100%}.svg-to-png-container select{margin-bottom:10px}.svg-to-png-container button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:10px 20px}.svg-to-png-container img{height:auto;margin-top:20px;max-width:100%}.resize-image-canvas-container{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:0 auto;max-width:800px;padding:20px}.resize-image-canvas-container h2{margin-bottom:20px;text-align:center}.resize-image-canvas-container input[type=file],.resize-image-canvas-container input[type=number]{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.resize-image-canvas-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.resize-image-canvas-container button:hover{background-color:#0056b3}.resize-image-canvas-container img{height:auto;margin-top:20px;max-width:100%}.markdown-preview-container{box-sizing:border-box;display:flex;height:100vh;padding:20px}.markdown-input,.markdown-output{flex:1 1;overflow-y:auto;padding:20px}.markdown-input textarea{border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;height:100%;padding:10px;resize:none;width:100%}.markdown-output{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px}.markdown-output h1,.markdown-output h2,.markdown-output h3,.markdown-output h4,.markdown-output h5,.markdown-output h6{margin-top:0}.markdown-output pre{background-color:#f0f0f0;border-radius:4px;overflow-x:auto;padding:10px}.markdown-output code{background-color:#f0f0f0;border-radius:2px;font-family:monospace;padding:2px 4px}.json-yaml-converter{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:20px}.input-container,.output-container{flex:1 1;margin-bottom:20px}textarea{font-family:monospace;height:100%}.controls{display:flex;justify-content:space-between;margin-bottom:20px}button{font-size:16px;padding:10px 20px}.string-case-converter{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:20px}textarea{border:1px solid #ccc;border-radius:4px;font-family:Arial,sans-serif;font-size:14px;height:200px;margin-bottom:20px;padding:10px;resize:vertical;width:100%}.button-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s}button:hover{background-color:#45a049}button:active{background-color:#3e8e41}.color-converter{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:20px}input[type=color]{border:none;border-radius:50%;cursor:pointer;height:100px;overflow:hidden;width:100px}.color-values{margin-top:20px;text-align:center}p{font-family:Arial,sans-serif;font-size:16px;margin:10px 0}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:none;border-radius:50%}::-moz-color-swatch,::-moz-focus-inner{border:none}::-moz-focus-inner{padding:0}.svg-to-css-converter{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:20px}.svg-to-css-converter textarea{border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;height:200px;padding:10px;resize:vertical;width:100%}.svg-to-css-converter button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.svg-to-css-converter button:hover{background-color:#45a049}.json-to-code-converter{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:20px}.json-to-code-converter textarea{border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;height:200px;padding:10px;resize:vertical;width:100%}.json-to-code-converter select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.json-to-code-converter button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.json-to-code-converter button:hover{background-color:#45a049}.html-to-jsx-converter{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:20px}.html-to-jsx-converter textarea{border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;height:200px;padding:10px;resize:vertical;width:100%}.html-to-jsx-converter button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.html-to-jsx-converter button:hover{background-color:#45a049}.unix-time-converter{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:400px;padding:20px}.unix-time-converter div{display:flex;gap:10px}.unix-time-converter input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:16px;padding:10px}.unix-time-converter button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.unix-time-converter button:hover{background-color:#45a049}.number-base-converter{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:400px;padding:20px}.number-base-converter input,.number-base-converter select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.number-base-converter button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.number-base-converter button:hover{background-color:#45a049}.sidebar{height:100%}.route-group h3{color:#888;font-size:12px;margin-bottom:10px;text-transform:uppercase}.sidebar{height:100vh}.route-group ul{list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.route-group.expanded ul{max-height:1000px}.route-group li{margin-bottom:5px}.route-group a{align-items:center;border-radius:4px;color:#333;display:flex;font-size:14px;justify-content:flex-start;padding:8px;text-decoration:none;transition:background-color .3s}.route-group a:hover{background-color:#e0e0e0}.route-group a.active{background-color:#4caf50;color:#fff}.route-group a svg{margin-right:10px;min-width:20px}.sidebar{background-color:#f8f8f8;border-right:1px solid #e0e0e0;height:94vh;overflow-y:auto;padding:20px;scrollbar-color:hsla(0,4%,79%,.419) #dcd8d800;scrollbar-width:thin;transition:width .3s ease;width:250px}.sidebar-header{justify-content:space-between;margin-bottom:20px}.logo-container,.sidebar-header{align-items:center;display:flex}.logo-container img{margin-right:10px}.logo-text{color:#333;font-size:16px;font-weight:700}.search-bar{margin-bottom:20px;position:relative}.search-icon{color:#888;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 8px 8px 35px;width:100%}.route-group{margin-bottom:15px}.category-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 0}.category-header h3{color:#888;font-size:14px;margin:0;text-transform:uppercase}.category-header svg{transition:transform .3s ease}.category-header:hover{background-color:#f0f0f0}.route-group .sub-menu{list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.route-group.expanded .sub-menu{max-height:1000px}.route-group .sub-menu li{margin-bottom:5px}.route-group .sub-menu a{align-items:center;border-radius:4px;color:#333;display:flex;font-size:14px;justify-content:flex-start;padding:8px;text-decoration:none;transition:background-color .3s}.route-group .sub-menu a:hover{background-color:#e0e0e0}.route-group .sub-menu a.active{background-color:#4caf50;color:#fff}.route-group .sub-menu a svg{margin-right:10px;min-width:20px}.toggle-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px}@media (max-width:768px){.sidebar{padding:10px;width:60px}.sidebar.expanded{width:250px}.sidebar.collapsed .logo-text,.sidebar.collapsed .route-group a span,.sidebar.collapsed .route-group h3,.sidebar.collapsed .search-bar{display:none}.sidebar.collapsed .route-group a{justify-content:center}.sidebar.collapsed .route-group a svg{margin-right:0}.logo-container{justify-content:center}}.foot{animation:fadeIn .5s ease forwards;display:flex;flex-direction:row;justify-content:end;margin-top:26px;opacity:1;opacity:0;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.route-with-footer-container{display:flex;flex-direction:column;min-height:100vh;padding:10px;position:relative;width:100%}.main-content{flex:1 1;transition:margin-right .3s ease-in-out}.main-content.shifted{margin-right:350px}.instructions-panel{background-color:#f8f9fa;border-left:1px solid #dee2e6;display:flex;flex-direction:column;height:calc(100vh - 70px);position:fixed;right:-350px;top:70px;transition:right .3s ease-in-out;width:350px;z-index:1000}.instructions-panel.open{box-shadow:-5px 0 15px #0000001a;right:0}.instructions-toggle{align-items:center;background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;top:80px;transition:all .3s ease;width:60px;z-index:1001}.instructions-toggle:hover{background-color:#0056b3;transform:scale(1.1)}.instructions-toggle.open{right:370px}.instructions-panel h2{background-color:#007bff;color:#fff;font-size:1.5rem;margin:0;padding:20px}.instructions-content{flex-grow:1;overflow-y:auto;padding:20px}.instruction-step{border:1px solid #dee2e6;border-radius:5px;margin-bottom:15px;overflow:hidden}.step-header{align-items:center;background-color:#e9ecef;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s ease}.step-header:hover{background-color:#dee2e6}.step-number{font-size:1.1rem;font-weight:700}.step-header svg{transition:transform .3s ease}.step-header svg.rotated{transform:rotate(180deg)}.step-content{background-color:#fff;font-size:1rem;line-height:1.5;padding:15px}@media (max-width:768px){.main-content.shifted{margin-right:0}.instructions-panel{right:-100%;width:100%}.instructions-toggle.open{right:20px}}.home-container{height:75vh;margin:0 auto;max-width:1200px;overflow-y:auto;padding:10px;scrollbar-width:none}.card-group,.card-group h2{margin-bottom:20px}.card-group h2{color:#333;font-size:24px;font-weight:700}.card-container{display:flex;flex-wrap:wrap;gap:20px}.card{border-radius:10px;box-shadow:0 4px 6px #0000001a;flex-basis:calc(33.333% - 20px);flex-grow:0;flex-shrink:1;min-width:250px;overflow:hidden;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card a{color:#212121;display:block;height:100%;padding:20px;text-decoration:none}.card-content{display:flex;flex-direction:column;height:100%}.card h3{font-size:20px;font-weight:700;margin-bottom:10px}.card p{flex-grow:1;font-size:14px;line-height:1.4}@media (max-width:768px){.card{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:480px){.card{flex:0 1 100%}}
/*# sourceMappingURL=main.6341e000.css.map*/