@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{color-scheme:light dark;--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:0.5rem}.dark-mode{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;font-family:Inter,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1300px;margin:0 auto;padding:0 1.5rem}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.bg-background{background-color:hsl(var(--background))}.bg-card{background-color:hsl(var(--card))}.bg-muted{background-color:hsl(var(--muted))}.border{border:1px solid hsl(var(--border))}.border-b{border-bottom:1px solid hsl(var(--border))}.border-t{border-top:1px solid hsl(var(--border))}.border-l{border-left:1px solid hsl(var(--border))}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) * 1.5)}.rounded-2xl{border-radius:calc(var(--radius) * 2)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-md{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.transition-shadow{transition-property:box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:shadow-md:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn,.tt-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.875rem;font-weight:500;height:2.5rem;padding:0 1rem;transition:all .2s;cursor:pointer;border:1px solid transparent;text-decoration:none}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{background-color:hsl(var(--primary)/.9)}.btn-secondary,.tt-button-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover,.tt-button-secondary:hover{background-color:hsl(var(--secondary)/.8)}.btn-outline{border:1px solid hsl(var(--border));background-color:transparent;color:hsl(var(--foreground))}.btn-outline:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-ghost{background-color:transparent;color:hsl(var(--foreground))}.btn-ghost:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius);border:none;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s}.icon-button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.tt-codearea,.tt-textarea{width:100%;min-height:300px;padding:1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:monospace;font-size:.875rem;resize:vertical}.tt-codearea:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.tool-hero{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-top:2rem}.tool-hero h1{font-size:2.25rem;font-weight:700;margin:0}.tool-hero p{color:hsl(var(--muted-foreground));font-size:1.125rem;margin:0;max-width:48rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-editor-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tt-editor-grid.grid-cols-3{grid-template-columns:1fr 1fr 1fr}}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pb-8{padding-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;height:4rem;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--background)/.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header .container{display:flex;height:100%;align-items:center;justify-content:space-between}.logo-text{font-weight:700;font-size:1.25rem}.card{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%}.card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem .5rem}.card-title{font-size:.875rem;font-weight:500;margin:0}.card-content{padding:0 1.5rem 1.5rem}.tt-metrics{display:flex;gap:1rem}.tt-metric{display:flex;flex-direction:column;padding:.75rem 1rem;border-radius:var(--radius);background-color:hsl(var(--muted)/.5);border:1px solid hsl(var(--border))}.tt-metric strong{font-size:1rem;font-weight:600}.tt-metric span{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase}.tt-error-banner{background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));border:1px solid hsl(var(--destructive)/.2);border-radius:var(--radius)}.tt-error-banner,.tt-success-banner{padding:1rem;margin-top:1rem;margin-bottom:1rem}.tt-success-banner{background-color:hsla(142,76%,36%,.1);color:hsl(142,76%,36%);border:1px solid hsla(142,76%,36%,.2);border-radius:var(--radius)}.tt-workspace{margin-bottom:2rem}.tt-toolbar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;background-color:hsl(var(--muted)/.3);border:1px solid hsl(var(--border));border-radius:var(--radius);margin-bottom:1rem}.tt-toolbar-group{display:flex;gap:.5rem;align-items:center}.tt-editor-grid{display:grid;grid-gap:1rem;gap:1rem}.tt-editor-panel{display:flex;flex-direction:column;gap:.5rem}.tt-editor-head{display:flex;justify-content:space-between;align-items:center}.tt-pill-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground));border-radius:999px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem}.tt-pill-button.is-active{border-color:hsl(var(--primary));background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.hidden{display:none}@media (min-width:768px){.md\:flex{display:flex}.md\:block{display:block}.md\:hidden{display:none}}@media (min-width:640px){.sm\:inline-block{display:inline-block}.sm\:text-xl{font-size:1.25rem}.sm\:leading-8{line-height:2rem}.sm\:text-5xl{font-size:3rem}}.tt-layout{max-width:1300px;margin:0 auto;padding:2.5rem 1.5rem;width:100%}.tt-stack{display:flex;flex-direction:column;gap:2.5rem}.tt-tool-hero{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;padding:2.5rem;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.05)}@media (min-width:768px){.tt-tool-hero{grid-template-columns:3fr 1fr;align-items:center}}.tt-tool-hero-main{display:flex;flex-direction:column;gap:.75rem}.tt-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:hsl(var(--primary));margin:0}.tt-tool-hero-main h1{font-size:2.5rem;font-weight:800;margin:0;letter-spacing:-.025em;color:hsl(var(--foreground))}.tt-hero-copy{font-size:1.125rem;line-height:1.6;color:hsl(var(--muted-foreground));margin:0;max-width:800px}.tt-chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tt-chip{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border)/.5);text-transform:lowercase}.tt-tool-hero-side{gap:1.25rem;padding:1.5rem;background-color:hsl(var(--muted)/.2);border-radius:var(--radius);border:1px solid hsl(var(--border)/.5)}.tt-stat-block,.tt-tool-hero-side{display:flex;flex-direction:column}.tt-stat-block{gap:.25rem}.tt-stat-block strong{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.tt-stat-block span{font-size:.75rem;color:hsl(var(--muted-foreground))}.tt-grid-lower{margin-top:1rem}@media (min-width:768px){.tt-grid-lower{grid-template-columns:repeat(3,minmax(0,1fr))}}.tt-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.tt-list li{font-size:.875rem;color:hsl(var(--muted-foreground));position:relative;padding-left:1.25rem}.tt-list li:before{content:"•";color:hsl(var(--primary));font-weight:700;position:absolute;left:0;top:0}.btn-format{background-color:hsl(221.2 83.2% 53.3%);color:white;border:1px solid transparent}.btn-format:hover{background-color:hsl(221.2 83.2% 45%)}.btn-minify{background-color:hsl(172.5 66% 50%);color:hsl(222.2 47.4% 11.2%);border:1px solid transparent}.btn-minify:hover{background-color:hsl(172.5 66% 40%)}.btn-validate{background-color:hsl(190 90% 40%);color:white;border:1px solid transparent}.btn-validate:hover{background-color:hsl(190 90% 30%)}.btn-fix{background-color:hsl(280 80% 55%);color:white;border:1px solid transparent}.btn-fix:hover{background-color:hsl(280 80% 45%)}.btn-yaml{background-color:hsl(35 90% 50%);color:white;border:1px solid transparent}.btn-yaml:hover{background-color:hsl(35 90% 40%)}.btn-schema{background-color:hsl(262 80% 50%);color:white;border:1px solid transparent}.btn-schema:hover{background-color:hsl(262 80% 40%)}.btn-destructive-outline{border:1px solid hsl(var(--destructive)/.5);color:hsl(var(--destructive));background:transparent}.btn-destructive-outline:hover{background-color:hsl(var(--destructive)/.1)}.tt-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid hsl(var(--border));padding-bottom:.75rem;margin-bottom:1.5rem}.tt-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;color:hsl(var(--muted-foreground));padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .2s}.tt-tab:hover{background-color:hsl(var(--muted)/.5);color:hsl(var(--foreground))}.tt-tab.is-active{background-color:hsl(var(--primary)/.1);color:hsl(var(--primary));border-color:hsl(var(--primary)/.2)}.tt-search-container{position:relative;width:100%}.tt-search-input{width:100%;height:3rem;padding-left:3rem;padding-right:1.25rem;font-size:1rem;border-radius:var(--radius);background-color:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--foreground));outline:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);transition:all .25s cubic-bezier(.4,0,.2,1)}.tt-search-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.15),0 4px 12px rgba(var(--primary)/.05);background-color:hsl(var(--background))}.tt-search-icon{position:absolute;left:1.125rem;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));transition:color .2s;pointer-events:none}.tt-search-input:focus+.tt-search-icon{color:hsl(var(--primary))}.tt-theme-toggle{background:none;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;padding:.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:2.25rem;height:2.25rem}.tt-theme-toggle:hover{background-color:hsl(var(--muted)/.5);color:hsl(var(--foreground));border-color:hsl(var(--border)/.8)}.tt-palette-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.tt-palette-modal{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 1.5);width:100%;max-width:600px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column;animation:slideDown .25s cubic-bezier(.16,1,.3,1) forwards}.tt-palette-input-container{display:flex;align-items:center;border-bottom:1px solid hsl(var(--border));padding:.75rem 1rem;gap:.75rem}.tt-palette-input{flex:1 1;background:transparent;border:none;color:hsl(var(--foreground));font-size:1.05rem;outline:none}.tt-palette-input::placeholder{color:hsl(var(--muted-foreground))}.tt-palette-results{max-height:380px;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.tt-palette-item{display:flex;flex-direction:column;padding:.75rem 1rem;border-radius:var(--radius);cursor:pointer;transition:all .15s ease;background:transparent;border:none;text-align:left;width:100%}.tt-palette-item.is-active,.tt-palette-item:hover{background-color:hsl(var(--muted))}.tt-palette-item-title{font-weight:600;font-size:.95rem;color:hsl(var(--foreground));margin-bottom:.15rem}.tt-palette-item-desc{font-size:.8rem;color:hsl(var(--muted-foreground))}.tt-palette-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:9999px;background-color:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));text-transform:capitalize}.tt-palette-item.is-active .tt-palette-badge,.tt-palette-item:hover .tt-palette-badge{background-color:hsl(var(--background))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.h-4{height:1rem}.w-4{width:1rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.w-64{width:16rem}.justify-start{justify-content:flex-start}