.fancy-text-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif}.fancy-text-title{text-align:center;font-size:2.5rem;margin-bottom:.5rem;color:#333}.fancy-text-subtitle{text-align:center;font-size:1rem;margin-bottom:2rem;color:#666}.input-section{margin-bottom:2rem}.fancy-text-input{width:100%;padding:1rem;font-size:1.2rem;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s}.fancy-text-input:focus{border-color:#4a90e2}.results-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.style-item{background-color:#f9f9f9;border-radius:8px;padding:1rem;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.style-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.style-name{font-weight:700;margin-bottom:.5rem;color:#333;font-size:1rem}.styled-text{padding:1rem;background-color:#fff;border-radius:4px;min-height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;word-break:break-all;font-size:1.1rem}@keyframes rainbow{0%{color:red}14%{color:#ff7f00}28%{color:#ff0}42%{color:lime}57%{color:blue}71%{color:indigo}85%{color:#9400d3}to{color:red}}.rainbow-text{animation:rainbow 8s linear infinite}.copy-button{background-color:#4a90e2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;width:100%;font-size:.9rem;transition:background-color .2s}.copy-button:hover{background-color:#3a7bc8}.copy-button:active{background-color:#2a6db8}@media(max-width:768px){.fancy-text-container{padding:1rem}.results-container{grid-template-columns:1fr}.fancy-text-title{font-size:2rem}}