:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .1);--accent: #ec4899}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center}.studio-container{width:90%;max-width:1200px;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.5rem;background:linear-gradient(to right,#818cf8,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:768px){.grid{grid-template-columns:1fr}}.upload-section{display:flex;flex-direction:column;gap:20px}.dropzone{border:2px dashed var(--glass-border);border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05}.dropzone:hover{border-color:var(--primary);background:#6366f10d}.preview-img{max-width:100%;border-radius:12px;margin-top:20px}.input-group{display:flex;flex-direction:column;gap:12px}textarea{background:#0f172a80;border:1px solid var(--glass-border);border-radius:12px;padding:16px;color:#fff;resize:none;font-size:1rem}button{background:linear-gradient(to right,var(--primary),var(--accent));color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}button:hover{transform:translateY(-2px);opacity:.9}button:disabled{background:#475569;cursor:not-allowed;transform:none}.result-section{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--glass-border);border-radius:16px;background:#ffffff03;min-height:400px}.loading-spinner{border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}