html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}textarea,pre{box-sizing:border-box}:root{--bg-color: #ffffff;--text-color: #111111;--primary-color: #6366f1;--secondary-color: #f1f5f9;--button-text-color: #ffffff}[data-theme=dark]{--bg-color: #1e1e1e;--text-color: #f9f9f9;--primary-color: #8b5cf6;--secondary-color: #2a2a2a;--button-text-color: #f9f9f9}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;font-family:system-ui,sans-serif;padding:20px}button{background-color:var(--primary-color);color:var(--button-text-color);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #0000001a}button:hover{box-shadow:0 6px 18px #00000026;background-color:#2563eb}button:active{box-shadow:0 2px 8px #0000001f}.app .title-theme{display:flex;align-items:center;justify-content:space-between}.app .title{color:var(--primary-color);font-size:1.5rem;font-weight:600}.app .toggle-btn{font-size:1rem}.app .theme-lg-toggle{display:block}.app .theme-sm-toggle{display:none}@media (min-width: 1200px){.app .title{font-size:2rem}}@media (min-width: 768px) and (max-width: 1199px){.app .title{font-size:1.75rem}}@media (max-width: 767px){.app .title{font-size:1.25rem}.app .toggle-btn{font-size:.75rem;padding:.25rem .75rem}.app .theme-lg-toggle{display:none}.app .theme-sm-toggle{display:block}}@media (max-width: 360px){.app .theme-lg-toggle{display:none}.app .theme-sm-toggle{display:block}.app .title-theme{padding:.5rem}}@media (max-width: 767px) and (orientation: landscape){.app .title-theme{flex-direction:row;justify-content:space-between}.app .title{font-size:1.2rem}}.tool-form{margin-bottom:2rem}.tool-form form{display:flex;flex-direction:column;align-items:flex-start;row-gap:10px}.tool-form form textarea{width:50%;padding:10px}.tool-form .tool-title{font-size:1.2rem;font-weight:600;margin:10px 0}.tool-form pre{width:50%;background-color:#f4f4f4;padding:1rem;margin-top:1rem;color:#000;text-wrap:auto}@media (max-width: 767px){.tool-form form textarea,.tool-form pre{width:100%}.tool-form .tool-title{font-size:1rem}button{font-size:.75rem}}