@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;900&display=swap";:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c26;--border: #2a2a3a;--accent: #7c5cfc;--accent2: #c084fc;--text: #e8e8f0;--muted: #7070a0;--success: #4ade80;--error: #f87171;--warn: #fbbf24;--r: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Heebo,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 10%,rgba(124,92,252,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(192,132,252,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.wrap{position:relative;z-index:1;width:100%;max-width:640px}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px 36px;box-shadow:0 24px 60px #00000073}.card-sm{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px}#viewLogin{background:linear-gradient(145deg,var(--surface),rgba(102,126,234,.05));border:1px solid var(--border);position:relative;overflow:hidden;z-index:1}.logo{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 12px 32px #667eea66;position:relative;overflow:hidden}.logo:before{content:"📷";position:absolute;font-size:32px;filter:brightness(1.2)}.logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);border-radius:20px}h1{font-size:24px;font-weight:700;text-align:center;margin:32px 0 16px;line-height:1.2;direction:ltr}.photomini{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:.05em}.pro{background:linear-gradient(135deg,gold,#ffed4e,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:.08em;position:relative;display:inline-block;padding:0 2px;text-shadow:0 0 20px rgba(255,215,0,.5);animation:pro-shine 3s ease-in-out infinite}.pro:before{content:"PRO";position:absolute;top:0;left:0;background:linear-gradient(135deg,gold,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:-1;filter:blur(1px);opacity:.7}.ultra{background:linear-gradient(135deg,silver,#fff,#e8e8e8,#fff,silver,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;font-size:1.3em;letter-spacing:.12em;position:relative;display:inline-block;padding:0 4px;text-shadow:0 0 30px rgba(192,192,192,.8),0 0 60px rgba(255,255,255,.5),0 0 90px rgba(192,192,192,.3);animation:ultra-metallic 4s ease-in-out infinite;filter:brightness(1.2) contrast(1.1)}.ultra:before{content:"ULTRA";position:absolute;top:0;left:0;background:linear-gradient(135deg,#fff,#f0f0f0,#fff,#f8f8f8,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:-1;filter:blur(2px);opacity:.8;transform:scale(1.05)}.ultra:after{content:"";position:absolute;top:-10%;left:-5%;right:-5%;bottom:-10%;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,transparent 70%);z-index:-2;animation:ultra-glow 2s ease-in-out infinite alternate}@keyframes pro-shine{0%,to{background-position:0% 50%;filter:brightness(1) drop-shadow(0 0 10px rgba(255,215,0,.5))}50%{background-position:100% 50%;filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,215,0,.8))}}@keyframes ultra-metallic{0%,to{background-position:0% 50%;transform:scale(1);filter:brightness(1.2) contrast(1.1) drop-shadow(0 0 30px rgba(192,192,192,.8))}25%{background-position:25% 50%;transform:scale(1.02);filter:brightness(1.3) contrast(1.2) drop-shadow(0 0 40px rgba(255,255,255,.9))}50%{background-position:100% 50%;transform:scale(1);filter:brightness(1.4) contrast(1.3) drop-shadow(0 0 50px rgba(192,192,192,1))}75%{background-position:75% 50%;transform:scale(1.01);filter:brightness(1.3) contrast(1.2) drop-shadow(0 0 35px rgba(255,255,255,.8))}}@keyframes ultra-glow{0%{opacity:.3;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}.subtitle{color:var(--muted);font-size:14px;text-align:center;margin-bottom:28px}.label{display:block;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}input[type=text],input[type=password],input[type=number],textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:Heebo,sans-serif;font-size:15px;padding:11px 15px;outline:none;transition:border-color .2s,box-shadow .2s;direction:ltr;position:relative;z-index:10}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc26}textarea{resize:vertical;min-height:72px;direction:rtl}.field{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 22px;border:none;border-radius:var(--r);font-family:Heebo,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;width:100%;box-shadow:0 4px 18px #7c5cfc59;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 6px 26px #7c5cfc80;transform:translateY(-1px)}.btn-ghost{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--border)}.btn-danger{background:#f871711f;border:1px solid rgba(248,113,113,.3);color:var(--error)}.btn-sm{padding:8px 14px;font-size:13px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.header-left h2{font-size:18px;font-weight:700}.header-left span{font-size:12px;color:var(--muted)}.user-pill{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:6px 14px 6px 8px;flex-shrink:0}.avatar{width:30px;height:30px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.logout-btn{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;padding:0;margin-right:4px;font-family:Heebo,sans-serif;transition:color .2s}.logout-btn:hover{color:var(--error)}.credits-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:100px;padding:5px 14px;font-size:12px;color:var(--muted);margin-bottom:18px}.credits-badge strong{color:var(--text)}.credits-badge.warn strong{color:var(--warn)}.credits-badge.empty strong{color:var(--error)}.credits-track{width:70px;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.credits-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s}.credits-badge.warn .credits-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.credits-badge.empty .credits-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.upload-zone{border:2px dashed var(--border);border-radius:20px;padding:52px 32px;text-align:center;cursor:pointer;background:var(--surface);position:relative;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.over{border-color:var(--accent);background:#7c5cfc0d}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-zone .up-icon{font-size:36px;margin-bottom:10px}.upload-zone h3{font-size:15px;font-weight:600;margin-bottom:5px}.upload-zone p{color:var(--muted);font-size:13px}.img-wrap{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative;margin-bottom:14px}.img-wrap img{width:100%;display:block;max-height:460px;-o-object-fit:contain;object-fit:contain;background:#0d0d14}.img-tag{position:absolute;bottom:10px;left:10px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:3px 10px;font-size:11px;color:#aaa}.row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.prompt-row{display:flex;gap:10px;align-items:flex-end}.prompt-row textarea{flex:1;min-height:58px}.reference-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:10px;min-height:100px}.reference-placeholder{border:2px dashed var(--border);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;cursor:pointer;transition:all .2s;background:var(--surface2)}.reference-placeholder:hover{border-color:var(--accent);background:#7c5cfc0d}.reference-icon{font-size:24px;margin-bottom:4px;opacity:.6}.reference-placeholder span{font-size:11px;color:var(--muted);text-align:center;line-height:1.2}.reference-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--r);border:2px solid var(--border);cursor:pointer;transition:all .2s;position:relative}.reference-thumbnail:hover{border-color:var(--accent);transform:scale(1.05)}.reference-remove{position:absolute;top:4px;right:4px;background:var(--error);color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s}.reference-thumbnail:hover .reference-remove{opacity:1}.loader{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-top:20px}.loader.hidden{display:none!important}.loader.on{display:flex!important}.spinner{width:42px;height:42px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader p{color:var(--muted);font-size:14px}.status{margin-top:12px;padding:11px 15px;border-radius:var(--r);font-size:14px;display:none}.status.ok{display:block;background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--success)}.status.err{display:block;background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--error)}.admin-user-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.admin-user-row:last-child{border-bottom:none}.admin-user-name{font-weight:600;font-size:15px}.admin-credit-val{color:var(--muted);font-size:13px;margin-top:2px}.admin-controls{display:flex;align-items:center;gap:8px}.admin-controls input[type=number]{width:70px;padding:7px 10px;font-size:13px}.tabs{display:flex;gap:6px;margin-bottom:20px}.tab{flex:1;padding:9px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);font-family:Heebo,sans-serif;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s}.tab.active{background:#7c5cfc26;border-color:var(--accent);color:var(--text)}.sep{height:1px;background:var(--border);margin:20px 0}.fade{animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hidden{display:none!important}.brand-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.brand-footer span{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.05em}@media (max-width:768px){body{padding:16px 12px}.wrap{max-width:100%}.card{padding:24px 20px;border-radius:20px}.card-sm{padding:16px;border-radius:16px}h1{font-size:20px}.subtitle{font-size:13px;margin-bottom:20px}.logo{width:48px;height:48px;margin-bottom:16px;border-radius:16px;font-size:24px;box-shadow:0 8px 24px #667eea4d}.logo:before{font-size:24px}.header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.header-left h2{font-size:16px}.header-left span{font-size:11px}.user-pill{align-self:flex-end;padding:4px 12px 4px 6px}.avatar{width:24px;height:24px;font-size:11px}.credits-badge{margin-bottom:16px;padding:4px 12px;font-size:11px}.credits-track{width:60px;height:3px}.upload-zone{padding:40px 24px;border-radius:16px}.upload-zone .up-icon{font-size:32px;margin-bottom:8px}.upload-zone h3{font-size:14px;margin-bottom:4px}.upload-zone p{font-size:12px}.reference-container{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;min-height:80px}.reference-placeholder{min-height:80px;border-radius:12px}.reference-icon{font-size:20px;margin-bottom:2px}.reference-placeholder span{font-size:10px}.reference-thumbnail{border-radius:12px}.reference-remove{width:16px;height:16px;font-size:10px}.img-wrap{border-radius:16px;margin-bottom:12px}.img-wrap img{max-height:320px}.img-tag{bottom:8px;left:8px;border-radius:6px;padding:2px 8px;font-size:10px}.row{margin-bottom:16px;gap:8px}.btn{padding:10px 18px;font-size:14px;border-radius:12px}.btn-sm{padding:6px 12px;font-size:12px}.prompt-row{flex-direction:column;gap:12px}.prompt-row textarea{min-height:80px}.prompt-row .btn{width:100%;white-space:normal}.loader{padding:32px 24px;border-radius:16px;margin-top:16px}.spinner{width:32px;height:32px;border-width:2px}.loader p{font-size:13px}.status{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:13px}.admin-user-row{padding:12px}.admin-user-name{font-size:14px}.admin-credit-val{font-size:12px}.admin-controls{gap:6px}.admin-controls input[type=number]{width:60px;padding:6px 8px;font-size:12px}.tabs{gap:4px;margin-bottom:16px}.tab{padding:8px;font-size:13px;border-radius:12px}.brand-footer{margin-top:20px;padding-top:12px}.brand-footer span{font-size:11px}}@media (max-width:480px){body{padding:12px 8px}.card{padding:20px 16px;border-radius:16px}.card-sm{padding:12px;border-radius:12px}h1{font-size:18px}.logo{width:40px;height:40px;margin-bottom:12px;border-radius:12px;font-size:20px;box-shadow:0 6px 16px #667eea40}.logo:before{font-size:20px}.upload-zone{padding:32px 16px}.upload-zone .up-icon{font-size:28px}.upload-zone h3{font-size:13px}.upload-zone p{font-size:11px}.reference-container{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}.reference-placeholder{min-height:60px;border-radius:8px}.reference-icon{font-size:16px}.reference-placeholder span{font-size:9px}.img-wrap img{max-height:240px}.btn{padding:8px 14px;font-size:13px;border-radius:10px}.btn-sm{padding:5px 10px;font-size:11px}.admin-controls{flex-direction:column;gap:8px}.admin-controls input[type=number]{width:100%}}@media (min-width:1200px){.wrap{max-width:800px}.card{padding:48px 40px;border-radius:28px}.logo{width:72px;height:72px;margin-bottom:28px;border-radius:24px;font-size:32px;box-shadow:0 16px 40px #667eea73}.logo:before{font-size:36px}h1{font-size:28px}.subtitle{font-size:15px;margin-bottom:32px}}