body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;color:#333}.container{text-align:center;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px #0000001a;max-width:600px;width:90%}h1{margin-bottom:1.5rem;font-size:1.5rem;color:#444}#placeholder-text{color:#888;font-size:.9rem;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.canvas-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;background-color:#eee;border-radius:.5rem;overflow:hidden;border:2px solid #ddd;min-height:300px}#output-canvas{max-width:100%;height:auto;display:block;background-color:#fff}.input-group{display:flex;gap:10px;justify-content:center;align-items:center}#prompt-input{padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:.5rem;width:60%;outline:none;transition:border-color .2s ease}#prompt-input:focus{border-color:#007bff}#generate-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}#generate-btn:hover{background-color:#0056b3}#generate-btn:active{transform:scale(.98)}#generate-btn.loading{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:not-allowed;opacity:.8}#generate-btn.loading:after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}