.container{flex-direction:column;justify-content:center;align-items:center;max-width:700px;min-height:100dvh;margin:0 auto;padding:1rem;display:flex}.header{border-bottom:1px solid var(--smoke);justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}.logo-image img{width:auto;height:3rem}.title{background:linear-gradient(to right bottom,var(--teal)40%,var(--red)140%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem}.description{color:var(--gray);font-size:.9rem}.box{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:#fff9;border-radius:1rem;width:100%;margin-bottom:1rem;padding:1.25rem 2rem}.box-title{margin-top:0;margin-bottom:1rem;font-size:1.25rem}.example{margin:1rem 0}.example-content{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.generator-header{justify-content:space-between;align-items:center;display:flex}.generator-input{min-width:0;height:2rem;font:inherit;color:var(--dark);background-color:var(--white);border:1px solid var(--smoke);border-radius:.5rem;flex:1;padding:0 .75rem;font-size:.95rem}.generator-input::placeholder{color:var(--gray)}.generator-input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #55bef033}.generator-button{height:2rem;font:inherit;color:var(--white);background-color:var(--teal);cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.9rem;display:inline-flex}.generator-button:hover{background-color:var(--cyan)}.generator-button:active{opacity:.9}.generator-button svg{flex-shrink:0;width:1rem;height:1rem}.generator-content{gap:1rem;margin-top:1rem;display:flex}.generator-result{margin-top:3rem}.generator-result .result-item{align-items:center;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.generator-result .result-item-label{width:7rem}.generator-result .markdown-content,.generator-result .html-content{background-color:var(--white);border:1px solid var(--smoke);white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;height:2rem;color:var(--gray);border-radius:.5rem;align-items:center;padding:0 .5rem;font-size:.85rem;display:flex;overflow:hidden}.generator-result .copy-button{cursor:pointer;aspect-ratio:1}.type{font-size:.9rem}.type .type-item span:first-child{margin-right:.5rem}.type .type-item span:last-child{color:var(--gray)}.author{font-size:.9rem}.author .links{align-items:center;gap:.5rem;display:flex}.licence{text-align:center;color:var(--gray);border-top:1px solid var(--smoke);width:100%;padding:1rem 0;font-size:.9rem}.licence p{margin:.5rem 0}@media (max-width:992px){.logo-image img{height:2.5rem}.title{font-size:1.5rem}.description{font-size:.8rem}.box{padding:1rem}.box-title{font-size:1.1rem}.generator-result .result-item{font-size:.85rem}.generator-result .result-item-label{width:9rem}.generator-result .markdown-content,.generator-result .html-content{font-size:.8rem}}