:root{--bg-0: #040507;--bg-1: #0a0c11;--bg-2: #10141d;--panel: rgba(20, 24, 34, .7);--panel-strong: rgba(20, 24, 34, .9);--surface: rgba(255, 255, 255, .045);--surface-hover: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--shadow: 0 30px 80px rgba(0, 0, 0, .45);--text-primary: #f5f7ff;--text-secondary: #c2c8d8;--text-muted: #8b93a8;--accent: #6fd4ff;--accent-strong: #4bc6ff;--success: #40d495;--warning: #f8c15c;--danger: #ff6e7a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 500px at 10% -5%,rgba(89,126,255,.15),transparent 65%),radial-gradient(900px 500px at 90% 110%,rgba(50,193,255,.14),transparent 70%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 46%,var(--bg-2));color:var(--text-primary);font-family:Manrope,Space Grotesk,Segoe UI Variable Text,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100vh}.app-container{min-height:100vh;position:relative;isolation:isolate}.background-animation{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.floating-dot{position:absolute;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffffc7,#7ed4ff24);animation:float-dot linear infinite}@keyframes float-dot{0%{transform:translateY(16vh) scale(.5);opacity:0}12%{opacity:.8}to{transform:translateY(-22vh) scale(1.1);opacity:0}}.app-header{position:fixed;top:0;left:0;right:0;width:100%;height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);background:#04060a94;box-shadow:none;z-index:120}.header-left{display:flex;align-items:center;gap:10px}.logo-shell{position:relative;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#6fd4ff33,#ffffff14);border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 20px #4fc6ff40}.logo-shell:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(111,212,255,.45);opacity:.5;animation:logoPulse 3.2s ease-in-out infinite}.logo-img{width:20px;height:20px}.animated-logo{animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-1px) rotate(-4deg)}70%{transform:translateY(1px) rotate(4deg)}}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.08);opacity:.7}}.header-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary)}.beta-tag{margin-left:2px;padding:3px 8px;border-radius:999px;border:1px solid rgba(111,212,255,.35);background:#6fd4ff1f;color:var(--accent);font-size:.62rem;font-weight:700;letter-spacing:.08em}.help-button-header{width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.help-button-header:hover{border-color:#6fd4ff99;color:var(--accent);background:#6fd4ff14}.app-footer{position:fixed;bottom:0;left:0;right:0;width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.82rem;color:var(--text-muted);border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:110}.footer-link{color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.footer-link:hover{color:var(--accent)}.footer-divider{color:#ffffff3d}.main-content{min-height:100vh;padding:90px 18px 60px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.glass-panel{width:min(980px,100%);min-height:520px;padding:24px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0d,#ffffff04),#090c12d6;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%);box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative}.panel-topbar{display:flex;justify-content:flex-end;margin-bottom:14px}.stage-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.ready-state,.result-state,.drop-zone-container{width:100%;height:100%}.ready-state{display:flex;flex-direction:column;align-items:center;gap:20px}.state-card{text-align:center}.state-text{margin-top:12px;color:var(--text-secondary)}.preview-card{position:relative;max-height:318px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#020408c7}.preview-image{max-height:318px;width:auto;display:block}.analysis-badge{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-secondary);background:#00000080;white-space:nowrap}.analysis-badge-low{color:var(--warning);border-color:#f8c15c73;background:#f8c15c1f}.analysis-badge-ok{color:var(--success);border-color:#40d49573;background:#40d4951f}.dropzone{width:100%;height:100%;min-height:340px;border-radius:20px;border:1px dashed rgba(255,255,255,.24);background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .25s ease}.dropzone:hover,.dropzone-active{border-color:#6fd4ff94;background:#6fd4ff14;transform:translateY(-1px)}.dropzone-icon{color:var(--accent)}.dropzone-text{margin:0;font-size:1.02rem;color:var(--text-primary)}.dropzone-hint{color:var(--text-muted);font-size:.82rem}.btn-minimal,.enhance-btn,.glow-btn,.rate-btn,.feedback-btn,.onboarding-btn,.panel-reset-btn,.shared-home-link,.share-link-copy{font-family:inherit}.btn-minimal{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-minimal:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.panel-reset-btn{padding:8px 14px}.enhance-btn,.glow-btn{border:1px solid rgba(124,216,255,.55);color:#04101a;background:linear-gradient(135deg,#8ce1ff,#5cf 56%,#44b9ff);border-radius:14px;font-size:.98rem;font-weight:700;padding:12px 26px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 14px 32px #4cc6ff47}.enhance-btn:hover,.glow-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.glow-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.comparison-view{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.comparison-container{position:relative;width:100%;height:clamp(260px,48vh,400px);border-radius:16px;overflow:hidden;cursor:col-resize;border:1px solid var(--border);background:#020306}.comparison-image,.comparison-overlay{background:#020306}.comparison-image{width:100%;height:100%;object-fit:contain}.comparison-overlay{position:absolute;top:0;left:0;height:100%;overflow:hidden}.slider-line{position:absolute;top:0;bottom:0;width:2px;background:#82dcfff2;transform:translate(-50%);pointer-events:none}.slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:radial-gradient(circle at 30% 30%,#a3e9ff,#45c1ff 70%);box-shadow:0 6px 16px #30ade680;pointer-events:none}.img-label{position:absolute;top:10px;padding:4px 10px;border-radius:10px;font-size:.83rem;border:1px solid rgba(255,255,255,.14);background:#080a10b8}.img-label.label-left{left:10px;color:var(--text-secondary)}.img-label.label-right{right:10px;color:var(--accent)}.actions-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.btn-group{display:flex;gap:8px}.rating-group{display:flex;align-items:center;gap:7px}.rating-label{font-size:.96rem;color:var(--text-muted)}.rate-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.rate-btn.good:hover{color:var(--success);border-color:#40d49599;background:#40d4951f}.rate-btn.poor:hover{color:var(--danger);border-color:#ff6e7a9e;background:#ff6e7a1f}.thanks-text{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600}.feedback-widget{padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.feedback-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--text-secondary)}.feedback-buttons{display:flex;gap:10px}.feedback-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08;cursor:pointer}.feedback-btn.good:hover{border-color:#40d49599;color:var(--success)}.feedback-btn.poor:hover{border-color:#ff6e7a9e;color:var(--danger)}.feedback-thanks{color:var(--accent);display:inline-flex;align-items:center;gap:8px}.enhancing-container{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.enhancing-label{margin:0;font-size:1.15rem}.enhancing-sublabel{margin:4px 0 0;color:var(--text-muted)}.error-message{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,110,122,.45);background:#ff6e7a1f;color:#ff9ca4}.help-modal-overlay{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:16px;background:#030408c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-modal{width:min(440px,100%);min-height:450px;border-radius:24px;border:1px solid var(--border);background:var(--panel-strong);box-shadow:var(--shadow);padding:26px 22px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.help-modal-close{position:absolute;top:12px;right:12px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.help-modal-close:hover{color:var(--text-primary)}.onboarding-content-wrapper{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.onboarding-icon{font-size:3.5rem;margin-bottom:14px}.onboarding-title{margin:0 0 10px;font-size:1.42rem;font-weight:700}.onboarding-desc{margin:0;line-height:1.6;color:var(--text-secondary)}.onboarding-footer{width:100%;display:grid;gap:18px;margin-top:12px}.step-dots{display:flex;justify-content:center;gap:6px}.step-dot{width:8px;height:8px;border-radius:99px;background:#fff3;transition:all .2s ease}.step-dot.active{width:26px;background:var(--accent)}.onboarding-btn{border:1px solid rgba(124,216,255,.5);background:linear-gradient(135deg,#89e0ff,#4cc6ff);color:#04101a;font-weight:700;border-radius:999px;padding:12px 18px;display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.share-modal-overlay{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px}.share-modal-backdrop{position:absolute;inset:0;background:#030408bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-modal-card{width:min(460px,100%);border-radius:22px;border:1px solid var(--border);background:var(--panel-strong);box-shadow:var(--shadow);padding:24px;position:relative;z-index:1}.share-modal-close{position:absolute;top:11px;right:11px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.share-modal-title{margin:0;display:inline-flex;align-items:center;gap:10px}.share-modal-body,.share-link-section{margin-top:16px}.share-modal-description,.share-link-note{color:var(--text-secondary);line-height:1.6}.share-modal-error{margin:0 0 12px;color:#ff9ca4}.share-link-label{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.share-link-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.share-link-input{flex:1;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:.88rem}.share-link-copy{border:0;border-radius:9px;background:linear-gradient(135deg,#8be1ff,#54ccff);color:#02101b;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.share-link-note{margin:10px 0 0;font-size:.82rem;text-align:center}.shared-topbar{margin-bottom:12px}.shared-back-link,.shared-home-link{color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}.shared-back-link:hover,.shared-home-link:hover{color:var(--accent)}.shared-result-wrap{height:min(530px,58vh);display:flex;justify-content:center;align-items:center}.shared-result-inner{width:100%;height:100%}.shared-footnote{text-align:center;color:var(--text-muted);margin-top:12px}.shared-footnote p{margin:0;font-size:.88rem}.shared-state-panel{align-items:center;justify-content:center;text-align:center}.shared-state-error h2{color:#ff9ca4;margin-bottom:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.glass-panel{min-height:560px;border-radius:22px;padding:18px}.comparison-container{height:clamp(250px,43vh,360px)}}@media(max-width:640px){.app-header{padding:0 12px;height:60px}.app-footer{gap:8px;font-size:.76rem}.header-title{font-size:1.02rem}.beta-tag{display:none}.main-content{padding:74px 8px 54px}.glass-panel{min-height:540px}.dropzone{min-height:300px}.preview-image{width:100%;height:auto;max-height:260px;object-fit:contain;background:#020306}.btn-group,.actions-row{width:100%}.actions-row{flex-direction:column;align-items:stretch}.btn-group{justify-content:space-between}.btn-minimal{flex:1;justify-content:center}.rating-group{justify-content:center}}