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