.text-to-image-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#d3d7db;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#333;position:relative}.text-to-image-container .loading-indicator{position:absolute;top:20px;font-size:1.5rem;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.text-to-image-container .snippet-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:20px;width:100%;max-width:600px;display:flex;flex-direction:column;gap:15px;position:relative}.text-to-image-container .snippet-card .window-controls{position:absolute;top:10px;left:10px;display:flex;gap:6px}.text-to-image-container .snippet-card .window-controls .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.text-to-image-container .snippet-card .window-controls .dot.red{background:#ff5f57}.text-to-image-container .snippet-card .window-controls .dot.yellow{background:#ffbd2e}.text-to-image-container .snippet-card .window-controls .dot.green{background:#28c940}.text-to-image-container .snippet-card .title{font-size:1.5rem;font-weight:600;margin-top:20px;margin-bottom:10px;text-align:center;color:#333}.text-to-image-container .snippet-card .text-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;background:#f9f9f9;color:#333;font-size:1rem;resize:none;outline:none;transition:border-color .3s ease}.text-to-image-container .snippet-card .text-input::placeholder{color:#999}.text-to-image-container .snippet-card .text-input:focus{border-color:#007bff}.text-to-image-container .snippet-card .controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.text-to-image-container .snippet-card .controls-grid .control-group{display:flex;flex-direction:column;gap:5px}.text-to-image-container .snippet-card .controls-grid .control-group label{font-size:.9rem;color:#333}.text-to-image-container .snippet-card .controls-grid .control-group input[type=range],.text-to-image-container .snippet-card .controls-grid .control-group select{width:100%;padding:6px;border-radius:5px;border:1px solid #ddd;background:#f9f9f9;color:#333;outline:none;cursor:pointer;transition:border-color .3s ease}.text-to-image-container .snippet-card .controls-grid .control-group input[type=range]:hover,.text-to-image-container .snippet-card .controls-grid .control-group select:hover{border-color:#007bff}.text-to-image-container .snippet-card .controls-grid .control-group input[type=color]{width:100%;height:40px;border:1px solid #ddd;border-radius:5px;cursor:pointer;background:#f9f9f9}.text-to-image-container .snippet-card .convert-button{padding:10px 15px;border:none;border-radius:5px;background:#007bff;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease}.text-to-image-container .snippet-card .convert-button:hover:not(:disabled){background:rgb(0,98.4,204)}.text-to-image-container .snippet-card .convert-button:disabled{background:#ccc;cursor:not-allowed}.text-to-image-container .snippet-card .error-message{color:#f44;font-size:.9rem;text-align:center}.text-to-image-container .snippet-card .image-preview{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.text-to-image-container .snippet-card .image-preview .image-container{width:100%;background:#f0f0f0;border-radius:5px;overflow:hidden;display:flex;justify-content:center;align-items:center}.text-to-image-container .snippet-card .image-preview .image-container img{max-width:100%;max-height:100%;object-fit:contain}.text-to-image-container .snippet-card .image-preview .image-container.ratio-1-1{aspect-ratio:1/1;max-width:500px}.text-to-image-container .snippet-card .image-preview .image-container.ratio-16-9{aspect-ratio:16/9;max-width:800px}.text-to-image-container .snippet-card .image-preview .image-container.ratio-9-16{aspect-ratio:9/16;max-width:450px}.text-to-image-container .snippet-card .image-preview .image-container.ratio-A4{aspect-ratio:794/1123;max-width:794px}.text-to-image-container .snippet-card .image-preview .image-container.ratio-custom{aspect-ratio:var(--custom-aspect-ratio);max-width:100%}.text-to-image-container .snippet-card .image-preview .download-button{padding:8px 15px;border-radius:5px;background:#007bff;color:#fff;text-decoration:none;font-size:.9rem;transition:background .3s ease}.text-to-image-container .snippet-card .image-preview .download-button:hover{background:rgb(0,98.4,204)}.text-to-image-container .footer{margin-top:20px;padding:8px;background:#f1f3f5;border-radius:5px;color:#333;font-size:.9rem;text-align:center}@media(max-width:768px){.text-to-image-container{padding:15px}.text-to-image-container .snippet-card{padding:15px;max-width:100%}.text-to-image-container .snippet-card .title{font-size:1.3rem}.text-to-image-container .snippet-card .controls-grid{grid-template-columns:1fr}.text-to-image-container .snippet-card .image-preview .image-container.ratio-1-1,.text-to-image-container .snippet-card .image-preview .image-container.ratio-16-9,.text-to-image-container .snippet-card .image-preview .image-container.ratio-9-16,.text-to-image-container .snippet-card .image-preview .image-container.ratio-A4{max-width:100%}}@media(max-width:480px){.text-to-image-container .loading-indicator{font-size:1.2rem;top:15px}.text-to-image-container .snippet-card{padding:10px}.text-to-image-container .snippet-card .title{font-size:1.1rem}.text-to-image-container .snippet-card .text-input{font-size:.9rem;padding:8px}.text-to-image-container .snippet-card .convert-button{font-size:.9rem;padding:8px 12px}.text-to-image-container .footer{font-size:.8rem}}