:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#1a1a1a}h1{font-size:1.6em;line-height:1.1;margin:0 0 1rem;color:#ffffffde}#app{width:100%;padding:0}.container{max-width:500px;margin:0 auto;padding:1.25rem;background-color:#242424;border-radius:8px;box-shadow:0 4px 6px #0000004d;transform:scale(.85);transform-origin:top center}input[type=text],input[type=file]{width:100%;padding:.6rem .8rem;font-size:.9rem;font-family:inherit;color:#ffffffde;background-color:#1a1a1a;border:1px solid #404040;border-radius:6px;margin-bottom:.75rem;box-sizing:border-box;transition:border-color .25s}input[type=file]{cursor:pointer}input[type=text]:focus,input[type=file]:focus{outline:none;border-color:#646cff}input[type=text]::placeholder{color:#888}button{width:100%;border-radius:6px;border:1px solid transparent;padding:.6rem 1rem;font-size:.9rem;font-weight:500;font-family:inherit;background-color:#646cff;color:#fff;cursor:pointer;transition:background-color .25s}button:hover:not(:disabled){background-color:#535bf2}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.7}.spacer{height:60px}#image-container{max-width:600px;margin:0 auto;padding:10px 20px 180px;display:flex;justify-content:center;transform:scale(.75);transform-origin:top center;perspective:1800px;perspective-origin:center center}.image-rotator{position:relative;display:inline-block;transform-style:preserve-3d}.image-rotator img{display:block;max-width:100%;height:auto}.image-rotator.rotating img:first-of-type{animation:spin 3s linear infinite}.image-rotator.rotating-reverse img:first-of-type{animation:spin-reverse 3s linear infinite}.image-rotator.rotating-3d img:first-of-type{animation:spin-3d 3s linear infinite;transform-style:preserve-3d}.image-rotator.rotating-3d-reverse img:first-of-type{animation:spin-3d-reverse 3s linear infinite;transform-style:preserve-3d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes spin-3d{0%{transform:perspective(1800px) rotateY(0)}to{transform:perspective(1800px) rotateY(360deg)}}@keyframes spin-3d-reverse{0%{transform:perspective(1800px) rotateY(360deg)}to{transform:perspective(1800px) rotateY(0)}}#generate-btn{width:100%;border-radius:6px;border:1px solid transparent;padding:.6rem 1rem;font-size:.9rem;font-weight:500;font-family:inherit;background-color:#10b981;color:#fff;cursor:pointer;transition:background-color .25s;margin-top:.75rem}#generate-btn:hover:not(:disabled){background-color:#059669}#generate-btn:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.7}.progress-bar{position:fixed;top:0;left:0;width:100%;height:6px;background-color:#404040;border-radius:0;margin-top:0;overflow:hidden;z-index:1000}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);transition:width .3s ease;border-radius:3px}.image-preview{max-width:100%;max-height:400px;margin:1rem 0;border-radius:8px;display:block}.result-container{padding:1rem;background-color:#242424;border-radius:8px}.result-image{max-width:100%;max-height:600px;display:block;margin:0 auto 1rem;border-radius:8px}.result-actions{display:flex;gap:.75rem;justify-content:center}.result-actions button{flex:1;max-width:200px}