.tool-container{min-height:100vh;background-color:hsl(var(--background));color:hsl(var(--foreground));display:flex;flex-direction:column;gap:1rem;padding:1rem}@media (min-width:1024px){.tool-container{flex-direction:row}}.tool-flex-container{display:flex;height:100%;flex-direction:column;gap:1rem}@media (min-width:1024px){.tool-flex-container{flex-direction:row}}.tool-divider>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-color:hsl(var(--border))}@media (min-width:1024px){.tool-divider>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;--tw-divide-x-reverse:0;border-width:calc(0px * calc(1 - var(--tw-divide-y-reverse))) calc(1px * var(--tw-divide-x-reverse)) calc(0px * var(--tw-divide-y-reverse)) calc(1px * calc(1 - var(--tw-divide-x-reverse)))}}.tool-panel{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container))}.tool-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container-high));padding:.75rem 1rem}.tool-title{line-height:1.75rem;letter-spacing:-.025em;color:hsl(var(--foreground));font-weight:500;line-height:1.5;font-size:1.125rem}.tool-button{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-weight:500;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tool-button:hover{background-color:hsl(var(--primary)/.9)}.tool-button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring))}.tool-button{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.tool-button:disabled{pointer-events:none;opacity:.5}.tool-button-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-weight:500;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tool-button-secondary:hover{background-color:hsl(var(--primary)/.9)}.tool-button-secondary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring))}.tool-button-secondary{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.tool-button-secondary:disabled{pointer-events:none;opacity:.5}.tool-button-secondary{border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));color:hsl(var(--foreground))}.tool-button-secondary:hover{background-color:hsl(var(--surface-container-high))}.tool-button-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-weight:500;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tool-button-outline:hover{background-color:hsl(var(--primary)/.9)}.tool-button-outline:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring))}.tool-button-outline{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.tool-button-outline:disabled{pointer-events:none;opacity:.5}.tool-button-outline{border-width:1px;border-color:hsl(var(--border));background-color:transparent;color:hsl(var(--foreground))}.tool-button-outline:hover{background-color:hsl(var(--surface-container))}.tool-button-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-weight:500;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tool-button-ghost:hover{background-color:hsl(var(--primary)/.9)}.tool-button-ghost:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring))}.tool-button-ghost{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.tool-button-ghost:disabled{pointer-events:none;opacity:.5}.tool-button-ghost{background-color:transparent;color:hsl(var(--muted-foreground))}.tool-button-ghost:hover{background-color:hsl(var(--surface-container));color:hsl(var(--foreground))}.tool-input{display:flex;height:2.5rem;width:100%;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));padding:.5rem .75rem;line-height:1.25rem;color:hsl(var(--foreground));font-weight:400;line-height:1.625;font-size:.875rem;border-radius:calc(var(--radius) - 2px)}.tool-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.tool-input::placeholder{color:hsl(var(--muted-foreground))}.tool-input:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring))}.tool-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.tool-input:disabled{opacity:.5;cursor:not-allowed}.tool-result-container{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.tool-result-label{line-height:1.25rem;letter-spacing:.025em;color:hsl(var(--foreground));font-weight:400;line-height:1.625;font-size:.875rem}.tool-result-value{display:flex;align-items:center;gap:0}.tool-result-input{flex:1 1 0%;border-top-right-radius:0;border-bottom-right-radius:0;display:flex;height:2.5rem;width:100%;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));padding:.5rem .75rem;line-height:1.25rem;color:hsl(var(--foreground));font-weight:400;line-height:1.625;font-size:.875rem;border-radius:calc(var(--radius) - 2px)}.tool-result-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.tool-result-input::placeholder{color:hsl(var(--muted-foreground))}.tool-result-input:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring))}.tool-result-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.tool-result-input:disabled{opacity:.5;cursor:not-allowed}.tool-copy-button{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-width:1px 1px 1px 0;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));color:hsl(var(--muted-foreground))}.tool-copy-button:hover{background-color:hsl(var(--surface-container-high));color:hsl(var(--foreground))}.tool-copy-button{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tool-color-preview{display:inline-block;height:2rem;width:2rem;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(0,0,0,.3);--tw-shadow:var(--tw-shadow-colored)}.bg-zinc-950{background-color:hsl(var(--background))}.text-gray-400\/90{color:hsl(var(--muted-foreground))}.text-gray-800\/90{color:hsl(var(--foreground))}.bg-white{background-color:hsl(var(--surface-container))}.text-zinc-600,.text-zinc-800{color:hsl(var(--foreground))}.divide-dark-500\/80>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.bg-slate-700{background-color:hsl(var(--surface-container))}.bg-gray-500,.bg-gray-600{background-color:hsl(var(--surface-container-high))}.bg-gray-700{background-color:hsl(var(--surface-container))}.bg-gray-800{background-color:hsl(var(--surface))}.bg-gray-900{background-color:hsl(var(--background))}.bg-red-500{background-color:hsl(var(--error))}.bg-red-900{background-color:hsl(var(--error-container))}.bg-green-600,.bg-green-700{background-color:hsl(var(--success))}.bg-blue-500,.bg-blue-600,.bg-blue-700{background-color:hsl(var(--info))}.bg-purple-600,.bg-purple-700{background-color:hsl(var(--accent))}.text-gray-300,.text-white{color:hsl(var(--foreground))}.text-gray-400,.text-gray-500{color:hsl(var(--muted-foreground))}.border-gray-600,.border-gray-700{border-color:hsl(var(--border))}.border-red-700{border-color:hsl(var(--error))}.border-green-700{border-color:hsl(var(--success))}.border-blue-700{border-color:hsl(var(--info))}.border-purple-700{border-color:hsl(var(--accent))}.hover\\:bg-red-900:hover:hover{background-color:hsl(var(--error)/.9)}.hover\\:bg-green-700:hover:hover{background-color:hsl(var(--success)/.9)}.hover\\:bg-blue-700:hover:hover{background-color:hsl(var(--info)/.9)}.hover\\:bg-purple-700:hover:hover{background-color:hsl(var(--accent)/.9)}.hover\\:bg-gray-700:hover:hover{background-color:hsl(var(--surface-container-high))}.hover\\:bg-gray-800:hover:hover{background-color:hsl(var(--surface-container))}.hover\\:text-white:hover:hover{color:hsl(var(--foreground))}.bg-red-900\/50{background-color:hsl(var(--error-container)/.5)}.bg-green-900\/20{background-color:hsl(var(--success-container)/.2)}.bg-blue-900\/20{background-color:hsl(var(--info-container)/.2)}.bg-purple-900\/20{background-color:hsl(var(--accent-container)/.2)}.bg-blue-50\/10{background-color:hsl(var(--info-container)/.1)}.disabled\\:bg-gray-600:disabled:disabled{background-color:hsl(var(--muted))}.disabled\\:bg-gray-700:disabled:disabled{background-color:hsl(var(--muted))}.divide-gray-50\/10>*+*{border-top-width:1px;border-color:hsl(var(--border)/.1)}.font-bold{font-weight:600}.text-xs{font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.4}.text-sm{font-size:.875rem}.text-base,.text-sm{font-weight:400;line-height:1.625}.text-base{font-size:1rem}.text-lg{font-weight:500;line-height:1.5;font-size:1.125rem}.text-xl{font-weight:500;line-height:1.625;font-size:1.25rem}.text-2xl{font-weight:500;line-height:1.5;font-size:1.5rem}.tools-container{background-color:hsl(var(--background));color:hsl(var(--foreground))}.tools-container *{--text-zinc-400:hsl(var(--muted-foreground));--text-zinc-800:hsl(var(--foreground));--text-gray-300:hsl(var(--foreground));--text-gray-400:hsl(var(--muted-foreground));--text-gray-500:hsl(var(--muted-foreground));--text-gray-600:hsl(var(--muted-foreground));--text-gray-700:hsl(var(--muted-foreground));--text-gray-800:hsl(var(--foreground));--text-white:hsl(var(--foreground));--bg-white:hsl(var(--background));--bg-black:hsl(var(--surface));--bg-zinc-50:hsl(var(--surface-container));--bg-gray-50:hsl(var(--surface-container));--bg-gray-100:hsl(var(--surface-container));--bg-gray-800:hsl(var(--surface));--bg-gray-900:hsl(var(--background));--border-gray-300:hsl(var(--border));--border-gray-400:hsl(var(--border));--border-gray-500:hsl(var(--border));--border-gray-600:hsl(var(--border));--border-gray-700:hsl(var(--border));--border-gray-800:hsl(var(--border));--border-zinc-300:hsl(var(--border));--divide-gray-200:hsl(var(--border));--divide-gray-300:hsl(var(--border));--divide-gray-400:hsl(var(--border));--divide-gray-500:hsl(var(--border))}.tools-container .text-zinc-400,.tools-container .text-zinc-500,.tools-container .text-zinc-600{color:hsl(var(--muted-foreground))!important}.tools-container .text-gray-800,.tools-container .text-gray-900,.tools-container .text-white,.tools-container .text-zinc-800,.tools-container .text-zinc-900{color:hsl(var(--foreground))!important}.tools-container .text-gray-300,.tools-container .text-gray-400,.tools-container .text-gray-500,.tools-container .text-gray-600,.tools-container .text-gray-700{color:hsl(var(--muted-foreground))!important}.tools-container .bg-white{background-color:hsl(var(--background))!important}.tools-container .bg-black{background-color:hsl(var(--surface))!important}.tools-container .bg-gray-100,.tools-container .bg-gray-50,.tools-container .bg-zinc-100,.tools-container .bg-zinc-50{background-color:hsl(var(--surface-container))!important}.tools-container .bg-gray-800,.tools-container .bg-gray-900{background-color:hsl(var(--surface))!important}.tools-container .border-gray-300,.tools-container .border-gray-400,.tools-container .border-gray-500,.tools-container .border-gray-600,.tools-container .border-gray-700,.tools-container .border-gray-800,.tools-container .border-zinc-300,.tools-container .border-zinc-400,.tools-container .divide-gray-200>:not([hidden])~:not([hidden]),.tools-container .divide-gray-300>:not([hidden])~:not([hidden]),.tools-container .divide-gray-400>:not([hidden])~:not([hidden]),.tools-container .divide-gray-500>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))!important}.tools-container button:not([class*=tool-]):not([class*=btn-]){border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--primary));padding:.5rem 1rem;color:hsl(var(--primary-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tools-container button:not([class*=tool-]):not([class*=btn-]):hover{background-color:hsl(var(--primary)/.9)}.tools-container input[type=email]:not([class*=tool-]),.tools-container input[type=number]:not([class*=tool-]),.tools-container input[type=password]:not([class*=tool-]),.tools-container input[type=text]:not([class*=tool-]),.tools-container textarea:not([class*=tool-]){border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));padding:.5rem .75rem;color:hsl(var(--foreground))}.tools-container input[type=email]:not([class*=tool-]):focus,.tools-container input[type=number]:not([class*=tool-]):focus,.tools-container input[type=password]:not([class*=tool-]):focus,.tools-container input[type=text]:not([class*=tool-]):focus,.tools-container textarea:not([class*=tool-]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/0.5)}.tools-container .space-y-2>*+*{margin-top:.5rem}.tools-container .space-y-4>*+*{margin-top:1rem}.tools-container :hover{transition:all .2s ease-in-out}.tools-container :focus:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary));--tw-ring-offset-width:2px}.tools-container :disabled{cursor:not-allowed;opacity:.5}.tools-container [data-radix-accordion-trigger]:hover{color:hsl(var(--foreground)/.8)!important}.tools-container .card,.tools-container [class*=card],.tools-container [data-card]{border-color:hsl(var(--border))!important;background-color:hsl(var(--surface))!important;color:hsl(var(--foreground))!important}.tools-container .bg-gray-100,.tools-container .bg-gray-50,.tools-container .bg-neutral-100,.tools-container .bg-neutral-50,.tools-container .bg-slate-100,.tools-container .bg-slate-50{background-color:hsl(var(--surface))!important}.tools-container .text-gray-900,.tools-container .text-neutral-900,.tools-container .text-slate-900,.tools-container .text-zinc-900{color:hsl(var(--foreground))!important}.tools-container *,.tools-container .border-gray-200,.tools-container .border-neutral-200,.tools-container .border-slate-200,.tools-container .border-zinc-200{border-color:hsl(var(--border))!important}.tools-container [class*=bg-white]{background-color:hsl(var(--surface))!important}.tools-container [class*=text-black]{color:hsl(var(--foreground))!important}.tools-container [data-radix-select-trigger]{border-color:hsl(var(--border))!important;background-color:hsl(var(--background))!important;color:hsl(var(--foreground))!important}.tools-container [data-radix-select-content]{border-color:hsl(var(--border))!important;background-color:hsl(var(--surface))!important;color:hsl(var(--foreground))!important}.tools-container [data-radix-select-item]{color:hsl(var(--foreground))!important}.tools-container [data-radix-select-item]:hover{background-color:hsl(var(--surface-container))!important}.tools-container [data-radix-accordion-root]{background-color:hsl(var(--surface))!important}.tools-container [data-radix-dialog-content],.tools-container [data-radix-popover-content],.tools-container [data-radix-tooltip-content]{border-color:hsl(var(--border))!important;background-color:hsl(var(--surface))!important;color:hsl(var(--foreground))!important}.tools-container [data-radix-progress-root]{background-color:hsl(var(--surface-container))!important}.tools-container [data-radix-progress-indicator]{background-color:hsl(var(--primary))!important}.tools-container [data-radix-switch-root]{border-color:hsl(var(--border))!important;background-color:hsl(var(--surface-container))!important}.tools-container [data-radix-switch-thumb]{background-color:hsl(var(--background))!important}.tools-container .accordion,.tools-container [data-radix-accordion-item],.tools-container [data-radix-accordion-root],.tools-container [style*="background-color: #fff"],.tools-container [style*="background-color: #ffffff"],.tools-container [style*="background-color: white"]{background-color:hsl(var(--surface))!important}.tools-container [data-radix-accordion-item]{border-color:hsl(var(--border))!important}.tools-container [data-radix-accordion-trigger]{background-color:hsl(var(--surface))!important;color:hsl(var(--foreground))!important}.tools-container [data-radix-accordion-trigger]:hover{background-color:hsl(var(--surface-container))!important}.tools-container [data-radix-accordion-content]{background-color:hsl(var(--surface))!important;color:hsl(var(--muted-foreground))!important}.tools-container [data-radix-accordion-content] *,.tools-container [data-radix-accordion-content] .bg-white,.tools-container [data-radix-accordion-content] [class*=bg-white],.tools-container [data-radix-accordion-content] p,.tools-container [data-radix-accordion-content] span,.tools-container [data-radix-accordion-content]>div{background-color:hsl(var(--surface))!important}.tools-container>*{background-color:inherit;color:inherit;border-color:inherit}.tools-container [style*="background-color: #fff"],.tools-container [style*="background-color: #ffffff"],.tools-container [style*="background-color: white"],.tools-container [style*="background: #fff"],.tools-container [style*="background: #ffffff"],.tools-container [style*="background: white"]{background-color:hsl(var(--surface))!important}.tools-container [style*="color: #000"],.tools-container [style*="color: #000000"],.tools-container [style*="color: black"]{color:hsl(var(--foreground))!important}.tools-container *,.tools-container :after,.tools-container :before{border-color:hsl(var(--border))}body.dark .tools-container :not([data-theme]):not([class*=bg-]):not([style*=background]){background-color:inherit;color:inherit}