:root{--bg:#0f1720;--card:#0b1220;--accent:#06b6d4;--muted:#9ca3af}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:#000;color:#e6eef6;display:flex;flex-direction:column;align-items:center}header{padding:28px 16px;text-align:center}h1{margin:0;font-weight:600}main{width:100%;max-width:960px;padding:12px}.tile{background:var(--card);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.tile-inner{display:flex;flex-direction:column;align-items:center;gap:12px}#file-input{display:none}.tile-inner p{color:var(--muted);margin:0}#drop-area{cursor:default}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px}.upload-prompt p{margin:0;color:var(--muted);font-size:15px}.btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--muted);padding:8px 12px;border-radius:8px;cursor:pointer}.btn:hover{background:#ffffff05;color:#e6eef6}.result{position:relative;width:320px;height:240px;display:flex;align-items:center;justify-content:center}.overlay{position:absolute;right:12px;top:12px;width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center}.overlay.hidden{display:none}.overlay.ok{background:#10b981f2;color:#fff}.overlay.bad{background:#ef4444f2;color:#fff}.message{position:absolute;left:12px;bottom:12px;background:#02061799;padding:8px 12px;border-radius:8px}.log{margin-top:12px;color:var(--muted);font-size:13px}.tile.dragover{outline:2px dashed rgba(6,182,212,.6)}.loader{position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:#06b6d4;animation:spin 1s linear infinite;pointer-events:none}.loader.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.overlay-img{position:absolute;left:50%;top:50%;width:84%;max-width:520px;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:12px;box-shadow:0 8px 30px #0009;object-fit:contain;background:#000;display:block;z-index:10}.overlay-img.hidden{display:none}.message{position:relative;margin-top:12px;display:block;text-align:center;background:#02061799;padding:10px 14px;border-radius:10px;z-index:30;color:#e6eef6;max-width:92%;margin-left:auto;margin-right:auto}