*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f0f0f;color:#e0e0e0;height:100vh;display:flex;flex-direction:column;overflow:hidden}#auth-banner{display:none;background:#1a1a2e;border-bottom:1px solid #2a2a4a;padding:12px 20px;text-align:center;flex-shrink:0}#auth-banner.visible{display:block}#auth-banner button{background:#4a6cf7;color:#fff;border:none;padding:8px 24px;border-radius:6px;cursor:pointer;font-size:14px;margin-left:12px}#auth-banner button:hover{background:#3b5de7}#auth-banner button:disabled{opacity:.5;cursor:wait}#grid-area{flex:1;overflow-y:auto;padding:20px 20px 100px}#empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#555;font-size:18px;-webkit-user-select:none;user-select:none}#image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tile{position:relative;border-radius:10px;overflow:hidden;background:#1a1a1a;cursor:pointer}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.tile:hover img{transform:scale(1.03)}.tile .overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000c);font-size:12px;color:#ccc;opacity:0;transition:opacity .2s}.tile:hover .overlay{opacity:1}.upscale-btn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .2s;z-index:2}.tile:hover .upscale-btn{opacity:1}.upscale-btn:hover{background:#4a6cf7cc;border-color:#4a6cf7}.upscale-btn:disabled{opacity:.5;cursor:wait}.upscale-btn.done{background:#2e7d32cc;border-color:#4caf50;cursor:default}.tile:hover .upscale-btn.done{opacity:1}#prompt-bar{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-top:1px solid #2a2a2a;padding:10px 20px 14px;display:flex;flex-direction:column;gap:8px;z-index:10}#options-row{display:flex;gap:8px}#options-row select{background:#111;border:1px solid #333;color:#aaa;padding:4px 8px;border-radius:6px;font-size:12px;cursor:pointer;outline:none}#options-row select:focus{border-color:#4a6cf7;color:#e0e0e0}#options-row select option{background:#1a1a1a}#input-row{display:flex;align-items:center;gap:10px}#file-btn{background:none;border:1px solid #333;color:#aaa;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}#file-btn:hover{border-color:#555;color:#ddd}#file-btn.has-files{border-color:#4a6cf7;color:#4a6cf7}#file-input{display:none}#file-count{position:absolute;top:-6px;right:-6px;background:#4a6cf7;color:#fff;font-size:10px;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center}#file-btn.has-files #file-count{display:flex}#prompt-input{flex:1;background:#111;border:1px solid #333;color:#e0e0e0;padding:10px 16px;border-radius:8px;font-size:15px;outline:none}#prompt-input:focus{border-color:#4a6cf7}#prompt-input::placeholder{color:#555}#submit-btn{background:#4a6cf7;color:#fff;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#submit-btn:hover{background:#3b5de7}#submit-btn:disabled{opacity:.4;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#d32f2f;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:100;display:none;max-width:500px;text-align:center}#toast.visible{display:block}