body{font-family:monospace,sans-serif;max-width:1440px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;box-sizing:border-box}.container{background-color:#fffffff2;padding:3rem;border-radius:16px;box-shadow:0 8px 30px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{color:#1a1a1a;margin-bottom:2rem;font-size:2.5rem;text-align:center;font-weight:700;letter-spacing:-.5px}textarea{width:100%;padding:1rem;font-size:1rem;border:2px solid #e1e1e1;border-radius:12px;margin-bottom:1.5rem;resize:vertical;min-height:100px;transition:border-color .3s ease,box-shadow .3s ease;background-color:#fafafa;box-sizing:border-box}textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}label{display:block;margin-bottom:.75rem;color:#4a4a4a;font-weight:600;font-size:1.1rem}button{background:linear-gradient(145deg,#007bff,#0056b3);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;width:100%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px #0000001a;font-family:inherit}button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button:disabled{background:linear-gradient(145deg,#ccc,#999);cursor:not-allowed;transform:none}#result{margin-top:2rem}#generatedImage{max-width:100%;border-radius:12px;box-shadow:0 4px 20px #00000026;display:none;aspect-ratio:16 / 9;margin-inline:auto}.loading{display:none;margin:2rem 0;text-align:center;color:#666;font-size:1.1rem;font-weight:500}.error{color:#dc3545;margin-top:1rem;display:none;padding:1rem;background-color:#ffe5e5;border-radius:8px;font-weight:500}.resolution-select{width:100%;padding:1rem;font-size:1rem;border:2px solid #e1e1e1;border-radius:12px;margin-bottom:1.5rem;background-color:#fafafa;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5em}.resolution-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.resolution-select optgroup{font-weight:600;color:#4a4a4a}.resolution-select option{padding:.5rem}.placeholder-container{position:relative;width:100%;display:none;border-radius:12px;overflow:hidden;background:#f0f0f0}.placeholder-animation{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.timer-container{text-align:right;margin-top:.5rem;font-family:monospace;font-size:1rem;color:#666;display:none}#generatedImage{width:100%;height:auto}small{margin-top:1rem;display:block;text-align:end}@media (max-width: 768px){body{padding:1rem}.container{padding:1.5rem}h1{font-size:2rem}}