:root{--background: 222 47% 11%;--surface: 217 33% 17%;--primary: 199 89% 48%;--text-main: 210 40% 98%;--text-muted: 215 20% 65%;--border: 217 33% 25%;--radius: .75rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--background));color:hsl(var(--text-main));line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 15% 50%,hsla(var(--primary),.1),transparent 25%),radial-gradient(circle at 85% 30%,hsla(280,80%,60%,.1),transparent 25%)}.container{max-width:1000px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.05em;margin-bottom:.5rem;background:linear-gradient(to right,hsl(var(--text-main)),hsl(var(--text-muted)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}p{color:hsl(var(--text-muted))}.card{background-color:hsla(var(--surface),.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(var(--text-main),.1);border-radius:var(--radius);padding:1.5rem;transition:transform .2s ease,border-color .2s ease}.card:hover{border-color:hsla(var(--primary),.4)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:calc(var(--radius) - 2px);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;background-color:hsl(var(--primary));color:hsl(var(--background))}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:hsl(var(--text-muted))}.btn-ghost:hover{background-color:hsla(var(--text-main),.05);color:hsl(var(--text-main))}.upload-zone{border:2px dashed hsla(var(--text-main),.2);border-radius:var(--radius);padding:3rem;text-align:center;transition:all .2s ease;background-color:hsla(var(--surface),.3);cursor:pointer;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.drag-active{border-color:hsl(var(--primary));background-color:hsla(var(--primary),.05)}.upload-zone input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-image{max-width:100%;border-radius:var(--radius);margin-top:1rem;border:1px solid hsla(var(--text-main),.1)}.prompt-output{width:100%;min-height:150px;background-color:#0000004d;border:1px solid hsla(var(--text-main),.1);border-radius:var(--radius);padding:1rem;color:hsl(var(--text-main));font-family:monospace;font-size:.9rem;resize:vertical;margin-top:1rem}.prompt-output:focus{outline:none;border-color:hsl(var(--primary))}.loader{width:24px;height:24px;border:3px solid hsla(var(--text-main),.2);border-top-color:hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-sm{font-size:.875rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.gap-2{gap:.5rem}