:root{--bg-deep: #0b0e17;--bg-mid: #12172a;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .1);--border-glass-strong: rgba(255, 255, 255, .18);--text-primary: #eef0f7;--text-secondary: #9aa3b8;--text-muted: #6b7385;--accent-1: #6366f1;--accent-2: #22d3ee;--accent-gradient: linear-gradient(135deg, var(--accent-1), var(--accent-2));--status-uploading: #f5a524;--status-processing: #6366f1;--status-done: #2dd4bf;--status-error: #f43f5e;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 22px;--blur-glass: 20px;--shadow-glass: 0 8px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 24px rgba(99, 102, 241, .25);--transition-fast: .15s ease;--transition-med: .3s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{color-scheme:dark}[hidden]{display:none!important}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 10%,var(--bg-mid),var(--bg-deep) 55%);color:var(--text-primary);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none;opacity:.35}body:before{width:42vw;height:42vw;top:-10%;left:-8%;background:radial-gradient(circle,var(--accent-1),transparent 70%);animation:float-blob-a 22s ease-in-out infinite}body:after{width:38vw;height:38vw;bottom:-12%;right:-6%;background:radial-gradient(circle,var(--accent-2),transparent 70%);animation:float-blob-b 26s ease-in-out infinite}@keyframes float-blob-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4vw,6vh) scale(1.08)}}@keyframes float-blob-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vw,-4vh) scale(1.1)}}.app-shell{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:230px;flex-shrink:0;background:#ffffff0a;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border-right:1px solid var(--border-glass);color:var(--text-secondary);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.3rem}.sidebar-logo{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1.25rem}.sidebar-logo span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-link{position:relative;display:block;padding:.65rem .85rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar-link:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:translate(2px)}.sidebar-link.active{background:var(--bg-card-hover);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px var(--border-glass-strong)}.sidebar-link.active:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:999px;background:var(--accent-gradient);box-shadow:0 0 10px var(--accent-1)}.sidebar-link-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.app-content{flex:1;min-width:0}.sidebar-user{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:.5rem}.sidebar-user-name{font-size:.85rem;color:var(--text-secondary);word-break:break-word}.sidebar-logout{border:1px solid var(--border-glass-strong);background:transparent;color:var(--text-secondary);padding:.4rem .6rem;border-radius:var(--radius-md);font-size:.8rem;cursor:pointer;align-self:flex-start;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-logout:hover{background:var(--bg-card-hover);color:var(--text-primary)}.verify-banner{margin:1rem 1.5rem 0;padding:.75rem 1rem;border-radius:var(--radius-md);background:#f5a5241f;border:1px solid rgba(245,165,36,.35);color:#f5c264;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;animation:fade-in-up var(--transition-med) both}.verify-banner button{border:1px solid rgba(245,165,36,.5);background:transparent;color:inherit;padding:.3rem .7rem;border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;white-space:nowrap}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:1}.auth-card{background:var(--bg-card);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:2.25rem;width:100%;max-width:400px;text-align:center;animation:fade-in-up var(--transition-med) both}.auth-tabs{display:flex;gap:.5rem;margin:1.5rem 0 1rem}.auth-tab{flex:1;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);padding:.55rem;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:background var(--transition-fast),color var(--transition-fast)}.auth-tab.active{background:var(--accent-gradient);border-color:transparent;color:#fff;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:.85rem;text-align:left}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.auth-form input{padding:.55rem .7rem;border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.9rem;background:#ffffff08;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-form input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px #6366f140}.auth-error{color:var(--status-error);font-size:.8rem;margin:0;min-height:1em}.auth-status{color:var(--status-done);font-size:.85rem;margin:.5rem 0 0}.auth-links{display:flex;justify-content:flex-end;font-size:.8rem}.auth-links a{color:var(--text-secondary);text-decoration:none}.auth-links a:hover{color:var(--accent-2)}.auth-divider{margin:1.25rem 0;color:var(--text-muted);font-size:.8rem;text-transform:uppercase}.google-button{display:block;background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-glass)}.google-button:hover{background:var(--bg-card-hover)}.header{text-align:center;padding:2rem 1rem 1rem;animation:fade-in-up var(--transition-med) both}.logo{font-size:2rem;font-weight:700}.logo span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--text-secondary);margin:.25rem 0 0}.container{max-width:760px;margin:0 auto;padding:1rem 1rem 3rem}.dropzone{border:2px dashed var(--border-glass-strong);border-radius:var(--radius-lg);background:var(--bg-card);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);animation:fade-in-up var(--transition-med) both}.dropzone:hover{transform:translateY(-2px)}.dropzone.drag-over{border-color:var(--accent-1);background:#6366f11a;box-shadow:var(--shadow-glow)}.dropzone-text{margin:0 0 1rem;color:var(--text-secondary)}.select-button{border:none;background:var(--accent-gradient);color:#fff;padding:.65rem 1.3rem;border-radius:var(--radius-md);font-size:.95rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.select-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.select-button:active{transform:translateY(0)}.formats{margin-top:1rem;text-align:center;color:var(--text-secondary);font-size:.85rem}.formats-label{margin-right:.5rem}.badge{display:inline-block;background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-primary);border-radius:999px;padding:.15rem .6rem;margin:0 .15rem;font-size:.75rem;font-weight:600}.batch-bar{margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;background:var(--bg-card);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:.75rem 1rem;box-shadow:var(--shadow-glass);animation:fade-in-up var(--transition-med) both}.batch-count{color:var(--text-secondary);font-size:.85rem;flex:1}.batch-status{color:var(--status-error);font-size:.8rem}.processing-list,.images-grid{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.file-card{background:var(--bg-card);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.1rem 1.3rem;box-shadow:var(--shadow-glass);border-left:3px solid var(--border-glass-strong);animation:fade-in-up var(--transition-med) both;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.file-card:hover{transform:translateY(-2px)}.file-card.status-uploading{border-left-color:var(--status-uploading)}.file-card.status-processing{border-left-color:var(--status-processing)}.file-card.status-done{border-left-color:var(--status-done)}.file-card.status-error{border-left-color:var(--status-error)}.file-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.file-name{font-weight:600;word-break:break-all}.file-type{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.file-status{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.progress-bar{margin-top:.5rem;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--accent-gradient);width:0%;transition:width var(--transition-med);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.file-error{margin-top:.5rem;color:var(--status-error);font-size:.85rem}.result{margin-top:.75rem}.result-text{background:#00000040;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.75rem;max-height:200px;overflow-y:auto;white-space:pre-wrap;font-size:.85rem;margin:0;color:var(--text-primary)}.result-toggle{background:none;border:none;color:var(--accent-2);cursor:pointer;font-size:.8rem;padding:.4rem 0}.result-table-wrapper{overflow-x:auto;margin-top:.5rem}.result-table{border-collapse:collapse;font-size:.8rem;width:100%}.result-table th,.result-table td{border:1px solid var(--border-glass);padding:.4rem .6rem;text-align:left}.result-table tbody tr{animation:fade-in-up var(--transition-med) both}.result-actions{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.download-button{border:1px solid var(--border-glass-strong);background:#ffffff0a;color:var(--text-primary);padding:.4rem .8rem;border-radius:var(--radius-md);font-size:.8rem;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.download-button:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.download-button.download-link{display:inline-block;text-decoration:none}.pending-list{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.pending-chip{display:flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:999px;padding:.3rem .5rem .3rem .75rem;font-size:.8rem;animation:fade-in-up var(--transition-med) both}.pending-chip-remove{border:none;background:#ffffff1a;color:var(--text-primary);border-radius:50%;width:18px;height:18px;line-height:18px;text-align:center;cursor:pointer;font-size:.7rem;padding:0}.media-options{margin-top:1rem;background:var(--bg-card);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-glass);display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;animation:fade-in-up var(--transition-med) both}.media-field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--text-secondary)}.media-field select,.media-field input{padding:.4rem .5rem;border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.85rem;background:#ffffff08;color:var(--text-primary)}.media-category-note{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.image-result-card{display:flex;flex-direction:column;gap:.6rem}.image-result-preview{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-glass);max-height:180px;object-fit:contain;background:#0003}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body:before,body:after{display:none}}