.yaml-converter{display:flex;flex-direction:column;gap:1rem}.yaml-converter-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.yaml-converter-actions{display:flex;gap:.5rem}.yaml-converter-indent{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-muted)}.yaml-converter-indent select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-white);color:var(--color-text);font-size:.85rem;font-family:inherit;cursor:pointer}.yaml-converter-indent select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.yaml-converter-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid transparent;border-radius:8px;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;min-height:36px;min-width:36px;text-decoration:none}.yaml-converter-btn--primary{background-color:var(--color-primary);color:var(--color-bg-white)}.yaml-converter-btn--primary:hover{background-color:var(--color-primary-dark)}.yaml-converter-btn--secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.yaml-converter-btn--secondary:hover{border-color:var(--color-border-accent-light);color:var(--color-text)}.yaml-converter-textarea-wrapper{position:relative}.yaml-converter-btn--copy{position:absolute;top:.5rem;right:.5rem;padding:.35rem;min-height:30px;min-width:30px;border-radius:6px;background-color:var(--color-bg-white);border-color:var(--color-border);color:var(--color-text-muted);opacity:.5;z-index:1}.yaml-converter-btn--copy:hover:not(:disabled){opacity:1;border-color:var(--color-border-accent-light);color:var(--color-text)}.yaml-converter-btn--copy:disabled{opacity:.25;cursor:not-allowed}.yaml-converter-copied-icon{display:inline-flex;align-items:center;animation:yaml-copied-fade 2s ease-out forwards}@keyframes yaml-copied-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.yaml-converter-btn--download{padding:.35rem;min-height:30px;min-width:30px;border-radius:6px;background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.yaml-converter-btn--download:hover{background-color:var(--color-primary);color:var(--color-bg-white)}.yaml-converter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.yaml-converter-input{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-white);color:var(--color-text);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.875rem;line-height:1.6;resize:vertical;min-height:180px}.yaml-converter-input::placeholder{color:var(--color-text-subtle)}.yaml-converter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.yaml-converter-error{padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.9rem;line-height:1.6}.yaml-converter-error-label{font-weight:600}.yaml-converter-result{display:flex;flex-direction:column;gap:.75rem}.yaml-converter-direction{display:flex;align-items:center}.yaml-converter-badge{display:inline-block;padding:.3rem .75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.02em}.yaml-converter-output{position:relative}.yaml-converter-output-toolbar{display:flex;gap:.35rem;margin-bottom:.5rem}.yaml-converter-btn--copy-static{position:static;opacity:.7}.yaml-converter-btn--copy-static:hover:not(:disabled){opacity:1}.yaml-converter-output-pre{padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-white);overflow-x:auto;max-height:400px;overflow-y:auto;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.875rem;line-height:1.6;color:var(--color-text);margin:0}@media(max-width:480px){.yaml-converter-controls{flex-direction:column;align-items:stretch}.yaml-converter-actions{order:2}.yaml-converter-indent{order:1;justify-content:flex-end}.yaml-converter-input{min-height:140px;font-size:.8rem}}.tool-header[data-astro-cid-zsn6v3iz]{padding:2rem 0 3rem;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.tool-header[data-astro-cid-zsn6v3iz] h1[data-astro-cid-zsn6v3iz]{font-size:2.5rem;letter-spacing:-.03em;margin-bottom:.75rem}.tool-header-description[data-astro-cid-zsn6v3iz]{font-size:1.1rem;color:var(--color-text-muted);line-height:1.7;max-width:480px}@media(max-width:768px){.tool-header[data-astro-cid-zsn6v3iz]{padding:1.5rem 0 2.5rem}.tool-header[data-astro-cid-zsn6v3iz] h1[data-astro-cid-zsn6v3iz]{font-size:2rem}}@media(max-width:480px){.tool-header[data-astro-cid-zsn6v3iz]{padding:1rem 0 2rem;margin-bottom:1.5rem}.tool-header[data-astro-cid-zsn6v3iz] h1[data-astro-cid-zsn6v3iz]{font-size:1.75rem}.tool-header-description[data-astro-cid-zsn6v3iz]{font-size:1rem}}