*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#062748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{text-align:center;background:radial-gradient(circle,#90c8f3,#014055);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:800px;padding:32px;display:flex;box-shadow:0 4px 20px #0000000d}.title{color:#fdfdfd;margin-bottom:6px;font-size:24px;font-weight:700}.subtitle{color:#666;margin-bottom:24px;font-size:14px}.fetch-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;margin-bottom:24px;padding:12px 28px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s}.fetch-btn:hover{background-color:#222}.fetch-btn:active{transform:scale(.98)}.fetch-btn:disabled{cursor:not-allowed;background-color:#ccc;transform:none}.error-msg{color:#d93838;margin-bottom:16px;font-size:14px}.image-frame{background-color:#f8f9fa;border:1px dashed #e0e0e0;border-radius:12px;justify-content:center;align-items:center;width:400px;height:320px;display:flex;overflow:hidden}.input{color:#e2e8f0;background-color:#062748;border:1px solid #1f232d;border-left:3px solid #0fc;outline:none;width:100%;margin-bottom:20px;padding:14px 16px;font-family:Courier New,Courier,monospace;font-size:14px;transition:all .2s;box-shadow:inset 0 1px 4px #00000080}.input:focus{border-color:#0fc;box-shadow:0 0 10px #0fc3,inset 0 1px 4px #00000080}.input::placeholder{color:#eee;letter-spacing:1px}.display-image{object-fit:contain;background-color:#fafafa;width:100%;height:100%}.placeholder-text{color:#888;padding:0 20px;font-size:14px}